/* =======================================================================================================================	*/
/* PEAK-System WebDesign 3.11.0 - Style																						*/
/* Last change: 2025-09-30																								    */
/*																															*/
/* ======================================================================================================================= 	*/

/* ======================================================================================================================= 	*/
/* Layout  																													*/
/* ======================================================================================================================= 	*/
body 								{ font-size:16px; min-width:320px; background-color:#F2F2F2; background-image: url(../images/Background.jpg); background-repeat:no-repeat; background-size:contain; background-origin:content-box; background-position:0px 20px; font-family:"Source Sans Pro", Calibri, Arial, sans-serif; font-weight: 400; font-style: normal; z-index:1; overflow-x: hidden; }

h1 									{ font-weight:300; font-size:260%; color:#000; line-height:1.25em; margin:0 0 0.5em 0; padding:0;  }
h2 									{ font-weight:normal; font-size:200%; color:#c81e3c; line-height:1.15em; margin:0 0 0.5em 0; padding:0;  }
h3 									{ font-weight:300; font-size:200%; color:#404040; line-height:1.25em; margin:0 0 0.5em 0; padding:0;   }
h3 									{ font-weight:300; font-size:200%; color:#404040; line-height:1.25em; margin:0 0 0.5em 0; padding:0;   }
h4 									{ font-weight:600; font-size:140%; color:#212121; line-height:1.15em; margin:0 0 0.5em 0; padding:0;  }
h5 									{ font-weight:bold; font-size:100%; color:#212121; line-height:1.15em; margin:0 0 0.5em 0; padding:0;  }

h1+h2                				{ position:relative; top:-0.35em; }					

p, li								{ line-height:1.5em; }
p.text-gray 						{ color:#777; font-size:87.5%; line-height:1.35em; padding-top:3px; }
.small, p.small, li.small, small	{ font-size:87.5%; line-height:1.35em; }
.color_yellow						{ color: #df7e00; }
.color_red							{ color: #c81e3c; }

label								{ font-weight:normal; }
pre 								{ margin: 1em 0 1.5em 0; color:#f2f2f2; background-color:#404040; }
code 								{ color:#000000; background-color:#f2f2f2; margin-left:0.25em; }

.text-error 						{ color:#c81e3c; }

a 									{ color:#007cb0; outline:none; text-decoration:none; }
a:hover								{ color:#c81e3c;  }
a:focus,
a:active							{ color:#b31b36; }

hr 									{ margin:0.1em 0 0.5em 0; border-top: 1px solid #ddd;  }

ol									{ padding-left: 1em; list-style-position: outside; }
ul									{ list-style-position:outside; list-style-image:url(../images/icons/PEAK-List_Red.png); padding-left:1.25em; margin:0 0 1em 0; }

input,
select,
textarea							{ width:auto; outline:none; border:1px solid #ccc; border-radius:1px; color:#212121; line-height:1.5em; padding: 0.15em 0.35em; margin:0.2em 0.5em 0.45em 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
textarea							{ width:66%; resize:none; }
input[type=radio],
input[type=checkbox]				{ margin-right:0.5em; }
input:-webkit-autofill				{ -webkit-box-shadow: 0 0 0px 1000px white inset; } /* Important to disable the Chrome autofill yellow */

input[readonly],
input[readonly]:hover,
input[readonly]:focus,
input[disabled],
input[disabled]:hover,
input[disabled]:focus,
textarea[readonly],
textarea[readonly]:hover,
textarea[readonly]:focus,
select[disabled],
select[disabled]:hover,
select[disabled]:focus				{ background-color:#F0F0F0; color:#686868; border: 1px solid #ccc; cursor:not-allowed; }

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus						{ outline:none; color:#000; border:1px solid #777; background-color:#fafafa; }

table	 							{ width:100%; }
th,td 								{ padding:0.25em 1.5em 0 0; text-align:left; vertical-align:top; line-height:1.5em; }

/* Table style for software version tables (PE6) */
table.table-row-style  th   		{ padding:0.2em 1em 0.25em 0; margin:0; }
table.table-row-style  td    		{ padding:0.2em 1em 0.25em 0; margin:0; border-top:1px solid #ccc; }

/* Bootstrap adjustments */
.row 								{ margin-right:0px; margin-left:0px;  }
div.panel							{ padding:1em; overflow:hidden; margin-bottom:1em; }

/* To get inner column divs without padding [Used in Login, Contact]*/
.row.clean-row						{ padding:0; margin:0; margin-bottom:0.5em; }
.row.clean-row	> div				{ padding:0; }
.row.clean-row	> div > p 			{ padding-right:1em; margin:0; }

/* To get inner column divs without padding [Used for table like views]*/
.row.border-row						{ padding:0.2em 0 0.25em 0; margin:0; border-top:1px solid #ccc; }
.row.border-row	> div				{ padding:0 1em 0 0; }
.row.border-row	> div > p 			{ margin:0; }

/* Bootstrap Tooltip */
/* -----------------------------------------------------------------------------------------------------------------------  */
.tooltip.bottom .tooltip-inner  { background-color:#e6e6e6; border:1px solid #e6e6e6; color:#212121; padding:0.5em 1em 0.5em 1em; }
.tooltip.bottom .tooltip-arrow  { border-bottom-color:#e6e6e6; } /*For tooltips left rigth and top one has to specify the direction again for proper coloring. Watch out for the arrows style as well. */
.tooltip.in                     { opacity:1!important; }
.tooltip.top .tooltip-inner		{ background-color:#e6e6e6; border:1px solid #e6e6e6; color:#212121; padding:0.5em 1em 0.5em 1em;  }
.tooltip.top .tooltip-arrow		{ border-top-color:#e6e6e6; }


/* ======================================================================================================================= */
/* JavaScript */
/* ======================================================================================================================= */
.noJS-hidden			{ display:none; }

/* JS active elements, that are made visible via JavaScript*/
/* ----------------------------------------------------------------------------------------------------------------------- */
.form-hidden 			{ display:none; } 

/* JS active info boxes for radio selections */
/* ----------------------------------------------------------------------------------------------------------------------- */
.radio-info-box			{ display:none; }
.radio-info-box.active	{ display:block; }



/* ======================================================================================================================= */
/* Buttons */
/* ======================================================================================================================= */

/* Button Baiscs */
button:focus,
button:active,
input:focus,
input:active 							{ outline:none; }

.btn 									{ font-size:100%; line-height:1.5em; padding: 0.35em 0.75em; outline:none; vertical-align:top; margin:0 0 0.25em 0; }
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus 								{ outline:none; outline-offset:0px; }

.btn:active,
.btn.active 							{ -webkit-box-shadow:inset 2px 2px 0 rgba(0, 0, 0, 0.25); box-shadow:inset 2px 2px 0 rgba(0, 0, 0, 0.25); }

.btn-right 								{ float:right; margin-left: 0.5em; }
.btn-left 								{ float:left; margin-right: 0.5em; }

/* White Button on Gray */
/* ----------------------------------------------------------------------------------------------------------------------- */
.btn.btn-default > input,
.btn.btn-default > a 					{ color:#000; }
.btn.btn-default:focus > input,
.btn.btn-default:hover > input,
.btn.btn-default:focus > a,
.btn.btn-default:hover > a 				{ color:#fff; }
.btn-default:focus,
.btn-default:hover 						{ background-color:#c81e3c; border-color:#c81e3c; color:#fff;  }
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover 				{ background-color:#b31b36; border-color:#b31b36; color:#fff; }
.btn-default a:focus,
.btn-default a:hover 					{ text-decoration:none; }

/* White button on white panel turns gray (used for downloads) */
/* ----------------------------------------------------------------------------------------------------------------------- */
div.panel .btn-default 					{ background-color:#f2f2f2;  }
div.panel .btn-default:focus,
div.panel .btn-default:hover 			{ background-color:#c81e3c; border-color:transparent; color:#fff; }
div.panel .btn-default:active,
div.panel .btn-default:active:focus,
div.panel .btn-default:active:hover 	{ background-color:#b31b36; border-color:transparent; color:#fff; }

/* Red button (used in shop) */
/* ----------------------------------------------------------------------------------------------------------------------- */
.btn.btn-primary > input,
.btn.btn-primary > a 					{ color: #fff; }
.btn.btn-primary 						{ background-color:#c81e3c; border-color:#c81e3c; color:#fff; }
.btn.btn-primary:focus,
.btn.btn-primary:hover 					{ background-color:#df2143; border-color:#df2143; }
.btn.btn-primary:active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover 			{ background-color:#b31b36; border-color:#b31b36; }
.btn.btn-primary a:focus,
.btn.btn-primary a:hover 				{ text-decoration:none; }

/* Dark button (used in footer and header)*/
/* ----------------------------------------------------------------------------------------------------------------------- */
.btn.btn-dark 							{ background-color:#404040; border-radius:4px; color:#fff; }
.active .btn.btn-dark,
.btn.btn-dark.btn-active,
.btn.btn-dark:active,
.btn.btn-dark:active:hover 				{ background-color:#b31b36; border-color:#b31b36; }

/* Disabled red button style (used in shop and password forgot) */
/* ----------------------------------------------------------------------------------------------------------------------- */
btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn 				{ opacity: 1.0; -webkit-box-shadow: none; box-shadow: none; }

.btn.btn-primary[disabled] > input,
.btn.btn-primary[disabled] > a 				{ color: #eee; }
.btn.btn-primary[disabled], 						
.btn.btn-primary[disabled]:focus,
.btn.btn-primary[disabled]:hover, 				
.btn.btn-primary[disabled]:active,
.btn.btn-primary[disabled]:active:focus,
.btn.btn-primary[disabled]:active:hover 	{ background-color:#bbb; border-color:#bbb; color:#eee; }


/* To prevent the buttons to keep there hover state design after a touch click */
@media not all and (pointer: coarse) {	
	.btn.btn-dark:hover 				{ background-color:#c81e3c; color:#fff; }
}

/* Trash button (used for the basket)*/
/* ----------------------------------------------------------------------------------------------------------------------- */
.btn.basket-clear  						{ position:relative; top:-6px; padding:0; }
.btn.basket-clear > a 		 			{ display:block; width:32px; height:32px; background:transparent url('../images/icons/Trash.png') no-repeat 6px 6px; }
.btn.basket-clear:hover > a 		 	{ background-image:url('../images/icons/Trash_Hover.png'); }



/* ======================================================================================================================= 	*/
/* Icons */
/* ======================================================================================================================= 	*/

/* New Button Icons with Sprite */
/* ----------------------------------------------------------------------------------------------------------------------- */
a.btn.InLink:before,				
a.btn.ExLink:before,				
a.btn.DownLink:before,				
a.btn.UpLink:before,				
a.btn.DocLink:before,				
a.btn.DocLink_DEU:before,				
a.btn.DocLink_ENG:before,				
a.btn.DocLink_FRA:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; content:""; position:relative; top:2px; margin:0 0.25em 0 0; }

a.btn-default.InLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 0 no-repeat; }
a.btn-primary.InLink:before, 
a.btn-dark.InLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px 0 no-repeat; }
a.btn-default.InLink:hover:before,
a.btn-default.InLink:focus:before,
a.btn-default.InLink:active:before 			{ background-position:-16px 0; }

a.btn-default.ExLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 -16px no-repeat; }
a.btn-primary.ExLink:before,
a.btn-dark.ExLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px -16px no-repeat; }
a.btn-default.ExLink:hover:before,
a.btn-default.ExLink:focus:before,
a.btn-default.ExLink:active:before 			{ background-position:-16px -16px; }

a.btn-default.DownLink:before				{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 -32px no-repeat; }
a.btn-primary.DownLink:before,
a.btn-dark.DownLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px -32px no-repeat; }
a.btn-default.DownLink:hover:before,
a.btn-default.DownLink:focus:before,
a.btn-default.DownLink:active:before 		{ background-position:-16px -32px; }

a.btn-default.UpLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 -48px no-repeat; }
a.btn-primary.UpLink:before,
a.btn-dark.UpLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px -48px no-repeat; }
a.btn-default.UpLink:hover:before,
a.btn-default.UpLink:focus:before,
a.btn-default.UpLink:active:before 			{ background-position:-16px -48px; }

a.btn-default.DocLink:before				{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 -64px no-repeat; }
a.btn-primary.DocLink:before,
a.btn-dark.DocLink:before					{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px -64px no-repeat; }
a.btn-default.DocLink:hover:before,
a.btn-default.DocLink:focus:before,
a.btn-default.DocLink:active:before 		{ background-position:-16px -64px; }

a.btn-default.DocLink_DEU:before			{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 -80px no-repeat; }
a.btn-primary.DocLink_DEU:before,
a.btn-dark.DocLink_DEU:before				{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px -80px no-repeat; }
a.btn-default.DocLink_DEU:hover:before,
a.btn-default.DocLink_DEU:focus:before,
a.btn-default.DocLink_DEU:active:before 	{ background-position:-16px -80px; }

a.btn-default.DocLink_ENG:before			{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 -96px no-repeat; }
a.btn-primary.DocLink_ENG:before,
a.btn-dark.DocLink_ENG:before				{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px -96px no-repeat; }
a.btn-default.DocLink_ENG:hover:before,
a.btn-default.DocLink_ENG:focus:before,
a.btn-default.DocLink_ENG:active:before 	{ background-position:-16px -96px; }

a.btn-default.DocLink_FRA:before			{ background:url(../images/icons/PEAK-System_IconSprite.png) 0 -112px no-repeat; }
a.btn-primary.DocLink_FRA:before,
a.btn-dark.DocLink_FRA:before				{ background:url(../images/icons/PEAK-System_IconSprite.png) -16px -112px no-repeat; }
a.btn-default.DocLink_FRA:hover:before,
a.btn-default.DocLink_FRA:focus:before,
a.btn-default.DocLink_FRA:active:before 	{ background-position:-16px -112px; }


/* Icons for the Download Landding Page */
/* ----------------------------------------------------------------------------------------------------------------------- */
a.btn.DriverLink:before															{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 0 no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.DriverLink:before, a.btn-dark.DriverLink:before					{ background-position:-280px 0; }
a.btn-default.DriverLink:before													{ background-position:-140px 0; }
a.btn-dark.DriverLink:hover:before,	a.btn-default.DriverLink:hover:before,		
a.btn-dark.DriverLink:focus:before,	a.btn-default.DriverLink:focus:before,		
a.btn-dark.DriverLink:active:before, a.btn-default.DriverLink:active:before		{ background-position:-280px 0; }

a.btn.PackageLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -90px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.PackageLink:before, a.btn-dark.PackageLink:before					{ background-position:-280px -90px; }
a.btn-default.PackageLink:before												{ background-position:-140px -90px; }
a.btn-dark.PackageLink:hover:before, a.btn-default.PackageLink:hover:before,		
a.btn-dark.PackageLink:focus:before, a.btn-default.PackageLink:focus:before,		
a.btn-dark.PackageLink:active:before, a.btn-default.PackageLink:active:before	{ background-position:-280px -90px; }

a.btn.CatalogLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -180px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.CatalogLink:before, a.btn-dark.CatalogLink:before					{ background-position:-280px -180px; }
a.btn-default.CatalogLink:before												{ background-position:-140px -180px; }
a.btn-dark.CatalogLink:hover:before, a.btn-default.CatalogLink:hover:before,		
a.btn-dark.CatalogLink:focus:before, a.btn-default.CatalogLink:focus:before,		
a.btn-dark.CatalogLink:active:before, a.btn-default.CatalogLink:active:before	{ background-position:-280px -180px; }

a.btn.SoftwareLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -270px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.SoftwareLink:before, a.btn-dark.SoftwareLink:before				{ background-position:-280px -270px; }
a.btn-default.SoftwareLink:before												{ background-position:-140px -270px; }
a.btn-dark.SoftwareLink:hover:before, a.btn-default.SoftwareLink:hover:before,		
a.btn-dark.SoftwareLink:focus:before, a.btn-default.SoftwareLink:focus:before,		
a.btn-dark.SoftwareLink:active:before, a.btn-default.SoftwareLink:active:before	{ background-position:-280px -270px; }

a.btn.DevelopLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -360px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.DevelopLink:before, a.btn-dark.DevelopLink:before					{ background-position:-280px -360px; }
a.btn-default.DevelopLink:before												{ background-position:-140px -360px; }
a.btn-dark.DevelopLink:hover:before, a.btn-default.DevelopLink:hover:before,		
a.btn-dark.DevelopLink:focus:before, a.btn-default.DevelopLink:focus:before,		
a.btn-dark.DevelopLink:active:before, a.btn-default.DevelopLink:active:before	{ background-position:-280px -360px; }

a.btn.DocuLink:before															{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -450px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.DocuLink:before, a.btn-dark.DocuLink:before						{ background-position:-280px -450px; }
a.btn-default.DocuLink:before													{ background-position:-140px -450px; }
a.btn-dark.DocuLink:hover:before, a.btn-default.DocuLink:hover:before,		
a.btn-dark.DocuLink:focus:before, a.btn-default.DocuLink:focus:before,		
a.btn-dark.DocuLink:active:before, a.btn-default.DocuLink:active:before			{ background-position:-280px -450px; }

a.btn.PriceLsLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -540px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.PriceLsLink:before, a.btn-dark.PriceLsLink:before					{ background-position:-280px -540px; }
a.btn-default.PriceLsLink:before												{ background-position:-140px -540px; }
a.btn-dark.PriceLsLink:hover:before, a.btn-default.PriceLsLink:hover:before,		
a.btn-dark.PriceLsLink:focus:before, a.btn-default.PriceLsLink:focus:before,		
a.btn-dark.PriceLsLink:active:before, a.btn-default.PriceLsLink:active:before	{ background-position:-280px -540px; }

a.btn.VideoLink:before															{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -630px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.VideoLink:before, a.btn-dark.VideoLink:before						{ background-position:-280px -630px; }
a.btn-default.VideoLink:before													{ background-position:-140px -630px; }
a.btn-dark.VideoLink:hover:before, a.btn-default.VideoLink:hover:before,		
a.btn-dark.VideoLink:focus:before, a.btn-default.VideoLink:focus:before,		
a.btn-dark.VideoLink:active:before, a.btn-default.VideoLink:active:before		{ background-position:-280px -630px; }

a.btn.CertLsLink:before															{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -720px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.CertLsLink:before, a.btn-dark.CertLsLink:before					{ background-position:-280px -720px; }
a.btn-default.CertLsLink:before													{ background-position:-140px -720px; }
a.btn-dark.CertLsLink:hover:before, a.btn-default.CertLsLink:hover:before,		
a.btn-dark.CertLsLink:focus:before, a.btn-default.CertLsLink:focus:before,		
a.btn-dark.CertLsLink:active:before, a.btn-default.CertLsLink:active:before		{ background-position:-280px -720px; }

a.btn.CatPriceLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -810px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.CatPriceLink:before, a.btn-dark.CatPriceLink:before				{ background-position:-280px -810px; }
a.btn-default.CatPriceLink:before												{ background-position:-140px -810px; }
a.btn-dark.CatPriceLink:hover:before, a.btn-default.CatPriceLink:hover:before,		
a.btn-dark.CatPriceLink:focus:before, a.btn-default.CatPriceLink:focus:before,		
a.btn-dark.CatPriceLink:active:before, a.btn-default.CatPriceLink:active:before	{ background-position:-280px -810px; }

a.btn.FirmwareLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -900px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.FirmwareLink:before, a.btn-dark.FirmwareLink:before				{ background-position:-280px -900px; }
a.btn-default.FirmwareLink:before												{ background-position:-140px -900px; }
a.btn-dark.FirmwareLink:hover:before, a.btn-default.FirmwareLink:hover:before,		
a.btn-dark.FirmwareLink:focus:before, a.btn-default.FirmwareLink:focus:before,		
a.btn-dark.FirmwareLink:active:before, a.btn-default.FirmwareLink:active:before	{ background-position:-280px -900px; }

a.btn.GridListLink:before														{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -990px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.GridListLink:before, a.btn-dark.GridListLink:before				{ background-position:-280px -990px; }
a.btn-default.GridListLink:before												{ background-position:-140px -990px; }
a.btn-dark.GridListLink:hover:before, a.btn-default.GridListLink:hover:before,		
a.btn-dark.GridListLink:focus:before, a.btn-default.GridListLink:focus:before,		
a.btn-dark.GridListLink:active:before, a.btn-default.GridListLink:active:before	{ background-position:-280px -990px; }

a.btn.AllDownloadsLink:before															{ background:url(../images/icons/PEAK-System_DownloadSprite.png) 0 -1080px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn-primary.AllDownloadsLink:before, a.btn-dark.AllDownloadsLink:before				{ background-position:-280px -1080px; }
a.btn-default.AllDownloadsLink:before													{ background-position:-140px -1080px; }
a.btn-dark.AllDownloadsLink:hover:before, a.btn-default.AllDownloadsLink:hover:before,		
a.btn-dark.AllDownloadsLink:focus:before, a.btn-default.AllDownloadsLink:focus:before,		
a.btn-dark.AllDownloadsLink:active:before, a.btn-default.AllDownloadsLink:active:before	{ background-position:-280px -1080px; }


/* Flag Icons for the Download Landding Page */
/* ----------------------------------------------------------------------------------------------------------------------- */
a.btn.FlagLink_DEU:before				{ background:url(../images/icons/PEAK-System_FlagIconSprite.png) -140px 0 no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn.FlagLink_DEU.selected:before,		
a.btn.FlagLink_DEU:hover:before,		
a.btn.FlagLink_DEU:focus:before,		
a.btn.FlagLink_DEU:active:before		{ background-position:0 0; }

a.btn.FlagLink_ENG:before				{ background:url(../images/icons/PEAK-System_FlagIconSprite.png) -140px -90px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn.FlagLink_ENG.selected:before,		
a.btn.FlagLink_ENG:hover:before,		
a.btn.FlagLink_ENG:focus:before,		
a.btn.FlagLink_ENG:active:before		{ background-position:0 -90px; }

a.btn.FlagLink_FRA:before				{ background:url(../images/icons/PEAK-System_FlagIconSprite.png) -140px -180px no-repeat; width:140px; height:90px; display:inline-block; content:""; margin:0; }
a.btn.FlagLink_FRA.selected:before,		
a.btn.FlagLink_FRA:hover:before,		
a.btn.FlagLink_FRA:focus:before,		
a.btn.FlagLink_FRA:active:before		{ background-position:0 -180px; }



/* ======================================================================================================================= 	*/
/* Top Header */
/* ======================================================================================================================= 	*/
#top-header 							{ background-color:#404040; height:35px; padding:0; position:relative; z-index:1000; /* overflow:hidden; */ }
.nav-mini 								{ position:relative; height:35px; }

/* Search - Box */
/* ----------------------------------------------------------------------------------------------------------------------- */
.searchfield 							{ width:20em; height:35px; overflow:hidden; }
.input-search[type=text] 				{ float:right; width:40px; height:100%; border:none; background:#404040 url('../images/icons/Search.png') no-repeat top right; background-position-y:9px; background-size:30px; color:#404040; padding:4px 30px 4px 10px; margin:0; transition:all 0.3s ease-out; }
.input-search[type=text]:hover,
.input-search[type=text]:focus 			{ background-image: url('../images/icons/Search_white.png'); background-color: #666366; cursor: pointer; }
.input-search[type=text].active 		{ width:100%; background-color:#212121; color:#ccc; padding-left:20px; }

.xs-search 								{ visibility: hidden; } /* Extra Search Button - hidden */


/* Language Menu */
/* ----------------------------------------------------------------------------------------------------------------------- */
.dropdown-menu 							{ background-color:#212121; font-weight:lighter; font-size:16px;  border:1px solid #404040;}
.dropdown-menu > li > a img				{ position:relative; top:-2px; }
.dropdown-menu > li > a					{ color:#909090; }
.dropdown-menu > li > a > b 			{ font-weight:normal; color:#FFFFFF; }
.dropdown-menu > li > a:hover 			{ color:#FFFFFF; background-color:#666366; }
.language-field 						{ float:right; height:35px; }
.language 								{ z-index:1500; background-color:#404040; }
.btn-language 							{ color:#909090; height:35px; background-color:#404040; transition:all 0.1s ease-in; }
.btn-language:hover,
.btn-language:focus 					{ color: #FFFFFF; background-color:#666366;}


/* User Icon */
/* ----------------------------------------------------------------------------------------------------------------------- */
.li-mini 								{ float:right; margin-right:4px; padding:0; }
.li-mini-user 							{ padding:0px; height:35px; overflow:hidden; background-color:#404040; }
.li-mini-user:hover 					{ background-color: #666366; }

.glyphicon-user 						{ transition:all 0.1s ease-in; position:relative; top:0; }

.a-mini 								{ color:#747474; }
.a-mini:hover 							{ color:#FFFFFF; }

.nav > li > a 							{ height:100%; }
.nav > li > a:focus,
.nav > li > a:hover 					{ background-color:#666366; color:#fff; outline:none; }


/* ======================================================================================================================= 	*/
/* Header */
/* ======================================================================================================================= 	*/
#header 								{ background-color:#212121; height:72px; position:relative; z-index:200; }
#header_wrap							{ position:relative; width:100%;  }
#header_wrap.fixed						{ position:fixed; width:100%; top:0; z-index:1000; }

/* Logo */
#logo 									{ height:100%; position:relative; left:40px; }
.logo-position 							{ width:100%; padding-left:30%; position:relative; top:8px; }
.logo-position a:focus 					{ outline:none; }

/* Red line */
.design-line 							{ position:absolute; height:4px; width:100%; z-index:800; background-color:#c81e3c; }

/* Banner */
#banner_wrap							{ position:relative; z-index:10; }

/* Main Content */
#main 									{ padding:60px 0 0 0; overflow-x: hidden; min-height:800px; }
.main_wrap								{ padding-bottom:200px; }

/* Left column */
.col-left-wrap 							{ padding:0; }



/* ======================================================================================================================= 	*/
/* Navigations */
/* ======================================================================================================================= 	*/

/* Main navigation */
/* ----------------------------------------------------------------------------------------------------------------------- */
#main-nav ul 						{ display:block; margin:0; padding:0; list-style:none; overflow:hidden; height:72px; }
#main-nav li 						{ display:inline; padding:0;  }
#main-nav a 						{ display:inline-block; color:#9d9d9d; font-weight:400; height:100%; margin:0; padding:25px 1em 0 1em; text-decoration:none; }
#main-nav a:hover,
#main-nav a:focus,
#main-nav #main-current a 			{ color:#fff; outline:none; }


/* Desktop sub navigation */
/* ----------------------------------------------------------------------------------------------------------------------- */
.desktop-menu 						{ display:block; width:96%; height:100%; padding-left:30%; position:relative; overflow-x:hidden; z-index:500; margin-top:11px; }
.desktop-menu.fixed 				{ display:block; width:24%; padding-left:7.5%; position:fixed; top:132px; overflow-x:hidden; }

.desktop-menu ul					{ padding-left:0; overflow:hidden; }
.desktop-menu ul li ul  			{ display:block; max-height:0px; }
.desktop-menu ul li.active > ul 	{ display:block; max-height:9999px; transition:max-height 2s ease-in-out; }

.desktop-menu li 		 			{ position:relative; padding:0; display:block; width:100%; }
.desktop-menu li a 					{ background-color:#ffffff; background-color:#f2f2f2; display:block; line-height:1.5em; padding:0.25em 0.5em 0.25em 0.5em; margin:0 0 0 33px; width:85%; color:#000; font-weight:normal; text-decoration: none;}
.desktop-menu li ul li a 			{ background-color:#e6e6e6; background-color:#dadada; font-weight:normal; }
.desktop-menu li ul li ul li a		{ background-color:#cccccc; background-color:#c2c2c2; line-height:1.25em; font-size:93.75%; padding:3px 45px 3px 0.5em; }
.desktop-menu li a:hover,
.desktop-menu li a:focus  			{ color:#fff; background-color:#c81e3c; outline:none; }

.desktop-menu li span#sub-current a { color:#fff; background-color:#404040; background-color:#c81e3c;}


/* Mobile navigation */
/* ----------------------------------------------------------------------------------------------------------------------- */
.mobile 							{ height:100%; width:0; position:fixed; z-index:100; top:0; left:0; background-color:#212121; overflow-x:hidden; transition:0.5s; }
.mobile.active						{ width:67%; }

.mobile ul							{ list-style:none; padding-left:30px; }
.mobile li 		 					{ position:relative; padding:0; display:block; width:100%; }
.mobile ul li ul  					{ display:block; max-height:0px; overflow:hidden; padding-left: 0px; }
.mobile ul li.active > ul 			{ display:block; max-height:9999px; transition:max-height 2s ease-in-out; }

.mobile li a 						{ display:block; color:#fff; line-height:1.25em; transition:0.2s; padding:0.25em 40px 0.25em 0.5em; margin:0 0 0 40px; width:100%; text-decoration:none;}
.mobile li ul li a 					{ background-color:#4D4D4D; }
.mobile li ul li ul li a			{ background-color:#717171; padding:0.25em 0 0.25em 0.5em; }
.mobile li ul li ul li ul li a		{ background-color:#9e9e9e; padding:0.15em 0 0.15em 0.5em; font-size:93.75%; }
.mobile li a:hover,
.mobile li a:focus 					{ color:#fff; background-color:#c81e3c; outline:none; }

.mobile li span#sub-current a 		{ color:#fff; background-color:#c81e3c; }

.mainMenu 							{ margin-top:120px; margin-bottom:150px; }
.mainMenu.fixed						{ margin-top:85px; }

#mobile-nav-background				{ display:none; background-color:transparent; position:fixed; width:0; height:0; z-index:99; top:0; left:0; transition:5s; }
#mobile-nav-background.active		{ display:block; width:100%; height:100%; }

/* Adjustment for navigations with only one level */
.mobile ul.single-level				{ padding-left:22px; }
.mobile ul.single-level li a 		{ margin:0; }


/* IE 11 fix due to transition presentation failures */
/* ----------------------------------------------------------------------------------------------------------------------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.desktop-menu ul li ul,
.mobile ul li ul  					{ display:none; max-height:auto; }
.desktop-menu ul li.active > ul,
.mobile ul li.active > ul 			{ display:block; max-height:auto; transition:none; }
}


/* IE Edge fix due to transition presentation failures */
/* ----------------------------------------------------------------------------------------------------------------------- */
@supports (-ms-ime-align:auto) {
.desktop-menu ul li ul,
.mobile ul li ul  					{ display:none; max-height:auto; }
.desktop-menu ul li.active > ul,
.mobile ul li.active > ul 			{ display:block; max-height:none; transition:none; }

.mobile 							{ overflow-y:hidden; }
.mobile.active						{ overflow-y:visible; }
}


/* Toggle boxes for Desktop and mobile navigation (and product tabs) */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* Desktop Sub Navigation */
div.nav_hit									{ width:23px; height:23px; display:inline-block; position:absolute; top:0.25em; left:0.25em; padding:0; text-align:center; color:#fff; background-color:#a7a7a7; border:1px solid #a7a7a7; cursor:pointer; border-radius:2px; transition:0.3s; }
div.nav_hit.noJS-hidden						{ display:none; }

/* Mobile Navigation - darker version */
.mobile div.nav_hit 						{ top:2px; left:0; background-color:#404040; border:1px solid #404040; }

/* Hover */
.active > div.nav_hit,
.active > div.nav_hit:hover,
.accordion:hover > div.nav_hit,
div.nav_hit:hover,
.desktop-menu ul ul	div.nav_hit:hover		{ background-color:#c81e3c; border-color:#c81e3c; color:#fff; outline:none; }

/* Plus Glyphicon & Rotation */
div.nav_hit > span.glyphicon 				{ top:0; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); transition:0.3s; display:inline-block; padding:3px; }
.active > div.nav_hit > span.glyphicon 		{ -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:0.3s;  }


/* Side Icon Box */
/* ----------------------------------------------------------------------------------------------------------------------- */
.side-icons 								{ position:absolute; padding-top:11px; top:0; right:0; width:45px; }
.side-icons.fixed 							{ position:fixed; top:132px; }
.side-icons img 							{ width:45px; }

.side-icons	a.noJS-hidden					{ display:none; }
.side-icons a								{ display:block; width:45px; height:45px; margin:0 0 4px 0; position:relative; transition: 0.3s; padding:2px; text-decoration:none; color:#FFFFFF; border-radius:2px 0px 0px 2px; background-color:#9D9D9D; z-index:500; margin-bottom:4px; }
.side-icons a.btn-active,
.side-icons a:hover							{ background-color:#c81e3c; }
.side-icons a:focus  						{ outline:none; }

.shopping-cart 								{ top:8px; left:6px; font-size:27px; } 		/* shop cart button icon*/


/* Mobile buttons used in the header */
/* ----------------------------------------------------------------------------------------------------------------------- */
.mobile-button a,
.mobile-button button						{ width:40px; height:40px; color:#fff; position:relative; top:10px; }
.mobile-button .glyphicon-shopping-cart		{ font-size:24px; position:relative; left:-5px;  }
.mobile-button .glyphicon-menu-hamburger	{ font-size:20px; position:relative; left:-3px; top:2px; }



/* ======================================================================================================================= 	*/
/* Footer     																												*/
/* ======================================================================================================================= 	*/
#footer 							{ background-color: #212121; border-top:4px solid #c81e3c; margin:0px; padding:1.5em 0 1em 0; position:relative; z-index:700;  }

#footer h4,
#footer p,
#footer a							{ color: #9d9d9d; }
#footer a:hover,
#footer a:focus 					{ color: #c81e3c; color:#ff4062; text-decoration:none; }
#footer b a							{ color: #ffffff; font-weight:normal; }
.footer-navigation 					{ padding:0; margin:0 0 2em 0; }
.footer-navigation li				{ list-style:none; }
.footer-navigation a:before			{ content:url(../images/icons/PEAK-List_White.png); display:inline; padding-right: 0.25em; }
.footer-navigation a:hover:before	{ content:url(../images/icons/PEAK-List_Red.png); }

.social-media-links 				{ float:left; width:100%; margin-bottom:0.5em; }
.social-media-links a				{ padding:0px; margin:0 0.5em 0.5em 0; }
.social-media-links img				{ max-width:40px;  }

#footer p.footer-disclaimer			{ text-align:center; }



/* ======================================================================================================================= 	*/
/* Content  																												*/
/* ======================================================================================================================= 	*/

/* Drop shadow effect with box-shadow for banner*/
/* -----------------------------------------------------------------------------------------------------------------------  */
.box-s 					{ width:70%; padding:20px; background:#e7e7e7; margin:-44px auto 60px; border-radius:2px; z-index: -1; }
.css3-shadow			{ position:absolute; text-align:center; margin-left:15%; }
.css3-shadow:after 		{ content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.8); box-shadow: 0 0 40px rgba(0,0,0,0.8); bottom: 0px; left: 5%; right: 5%; width: 90%; height: 70%; -moz-border-radius: 100%; border-radius: 100%; }


/* Sheet panel with shadow (used for News details) */
/* -----------------------------------------------------------------------------------------------------------------------  */
.shadow-panel 			{ -webkit-box-shadow: 4px 5px 2px 0px rgba(133,133,133,0.47); -moz-box-shadow: 4px 5px 2px 0px rgba(133,133,133,0.47); box-shadow: 4px 5px 2px 0px rgba(133,133,133,0.47); }
.panel.detail-panel		{ padding:3em 3.5em 5em 3.5em; }


/* General content classes */
/* -----------------------------------------------------------------------------------------------------------------------  */
img.float_right, 		
img.float_right_border	{ float:right; display:inline; margin:0 0 1em 1em;  }

.width_small            { width:33%; }
.width_medium           { width:50%; }


/* Note and warning styles for content div boxes  */
/* -----------------------------------------------------------------------------------------------------------------------  */
div.note-box 			{ background-color:#fff; background-position:14px 14px; background-repeat:no-repeat; background-image:url('../images/icons/Info-Icon.svg'); border-left:solid 4px #007cb0; border-radius:4px; overflow:hidden; padding:15px 60px; margin:0 0 1em 0; }
div.note-box ul			{ list-style-image:url(../images/icons/PEAK-List_Blue.png); }

div.stock_warning,
div.warning-box 		{ background-color:#fff; background-position:14px 14px; background-repeat:no-repeat; background-image:url('../images/icons/Warnung-Icon.svg'); border-left:solid 4px #c81e3c; border-radius:4px; overflow:hidden; padding:15px 60px; margin:0 0 1em 0; }
div.stock_warning h2,
div.warning-box h2 		{ position:relative; top:-0.2em; margin: 0 0 0.15em 0; }
div.stock_warning h3,
div.warning-box h3 		{ position:relative; top:-0.25em; }
div.stock_warning h5,
div.warning-box h5 		{ margin: 0.15em 0 1em 0; }

.panel div.note-box,
.panel div.warning-box	{ background-color:#F2F2F2; }


/* Infostyle for information boxes like Chistmas vacation on product or news page */
/* -----------------------------------------------------------------------------------------------------------------------  */
div.info_wrap 			{ float:left; width:100%; margin:10px 0 2em 0; padding:0; }
div.info_wrap div 		{ background-color:#fff; margin:0 auto 0.5em auto; max-width: 1024px; padding: 1em 2em 0em 2em; text-align:center; border:1px solid #fff; border-radius:4px; overflow:hidden; border-bottom:4px #c81e3c solid; }


/* Box in col left for filtering at distributor, download and product page */
/* -----------------------------------------------------------------------------------------------------------------------  */
div.filter-box 							{ padding:0.5em 0.5em 1.0em 0.5em; margin:2em 0 0 33px; width:85%; border:1px #f2f2f2 solid; border-radius:4px; background-color:#f2f2f2; overflow:hidden; }
div.filter-box select,
div.filter-box input[type=text]			{ width:100%; }

div.MobileFilterBox						{ margin:0; padding:0; width:100%; text-align:center; }    
div.MobileFilterBox form.FilterFormJS	{ padding:1em; margin:0 0.5em 0.5em 0; border:1px #fff solid; border-radius:4px; background-color:#fff; overflow:hidden; } 
div.MobileFilterBox select,
div.MobileFilterBox input[type=text]	{ width:100%; margin:0 0 0.25em 0; }

#JS_NoFilterResult						{ display:none; } 


/* Box style used for distributors, partners, and locations */
/* -----------------------------------------------------------------------------------------------------------------------  */
div.border_box 				{ background-color: #FFFFFF; margin-bottom:0.5em; border-radius:2px; border:1px #d7d7d7 solid; }
div.border_box > p > img 	{ float:right; margin:0 0.5em 0 0.25em; }
div.border_box > div	 	{ padding:0 10px 0 10px; }


/*  Cookie Disclaimer */
/* -----------------------------------------------------------------------------------------------------------------------  */
#CookieBox 						{ position:fixed; z-index:2000; bottom:0; width:100%; height:auto; background-color:#212121; border-top:4px solid #c81e3c; color:#9d9d9d; text-align:left; padding:1em 0 2em 0; margin:0; display:none; }
#CookieInfoText,
div.MoreInfoIcon,
div.CookieInput, 
div.Cookielabel, 
div.CookieInput_disabled								{ float:left;} /* Input boxes will be missaligned */
div.MoreInfoButton,
div.MoreInfoButton > p,
div.MoreInfoButton > #MoreInfoIcon,
div.CookieCheckbox,
div.CookieInput,
div.Cookielabel											{ cursor:pointer;}
div.CookieCheckbox_disabled,	
div.Cookielabel_Disabled.Cookielabel,
div.CookieInput_disabled								{ cursor:not-allowed;}
div.CookieInput_disabled								{ background: transparent url("../images/icons/Check_Gray.png") no-repeat left center; background-size: 17px; background-position-x: 3px; width:25px; height:25px;border: 1px solid rgb(110, 110, 110); border-radius: 3px;}
div.CookieInput											{ width:25px; height:25px; border: 1px solid #9d9d9d; border-radius: 3px; }
div.Cookielabel											{ margin-left:0.5em;}
div.CookieCheckbox, 
div.MoreInfoButton										{ display:inline-block;  margin-bottom:0.5em; margin-right:0.6em;}
div.CookieCheckbox_disabled								{ color:rgb(110, 110, 110); display:inline-block;  margin-bottom:0.5em; margin-right:0.5em;}
a.Cookiebutton											{ margin-left:0.5em; float:right; box-sizing: border-box;}
@-moz-document url-prefix() {							/*Change the Layout for Firefox only*/
	input.CookieInput									{ margin:0 0.5em 0 0; margin-top:0; margin-bottom: 0; line-height: 1.5em; }
	label.Cookielabel									{ text-align: middle; margin: 0.45em 0 0 0.25em; padding: 0; line-height: 1.5em; }
  }
 div.CookieInput.active									{ background: transparent url("../images/icons/Check_Red.png") no-repeat left center; background-size: 17px; background-position-x: 3px;}
div.CookieCheckbox:hover > div.CookieInput, 			/*Displaying white text and a white checkborder if the clickable Checkbox ist hovered on/in focus*/
div.CookieCheckbox:hover > div.Cookielabel,
div.CookieCheckbox:hover,	
div.MoreInfoButton:hover,
div.CookieCheckbox:focus > div.CookieInput, 
div.CookieCheckbox:focus > div.Cookielabel,
div.CookieCheckbox:focus,								
div.MoreInfoButton:focus								{ color:white; border-color: white; }

div.CookieInfobox h4									{ color:rgb(110, 110, 110);}
div.CookieInfobox										{ display:none; padding:1.5em;}
div.CookieInfoRow										{margin-bottom: 1em; border-left: 1px solid rgb(110, 110, 110);border-right: 1px solid rgb(110, 110, 110); background-color: rgb(36, 36, 36);}
div.MoreInfoIcon										{ margin-left: 0.5em; margin-right:0.2em; top:0.4em;}
div.MoreInfoButton										{ top:0.5em; position: relative; padding-left:0.25em;}



/* Product list grid */
/* -----------------------------------------------------------------------------------------------------------------------  */
.gridlist_wrap 					{ float:left; width:33.33%; margin:0; padding:0;  }
.gridlist_wrap div 				{ background-color:#fff; min-height:22em; margin:0 0.5em 0.5em 0; padding:0.5em 0 0 0; text-align:center; border:1px solid #fff; border-radius:4px; border-top:0px solid #fff; border-left:0px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; }
.gridlist_wrap div:hover		{ border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:0px solid #ccc; border-bottom:0px solid #ccc; }

.gridlist_wrap h4				{ padding: 0.25em 0.25em 0.25em 0.25em; margin:0 0 0.5em 0; background-color:#dadada;  }
.gridlist_wrap p 				{ padding: 0 0.35em 0 0.35em; margin:0; }

.gridlist_wrap a				{ display:block; width:100%; }
.gridlist_wrap a:hover,
.gridlist_wrap a:focus			{ color:#C81E3C; text-decoration: none; }

.gridlist_wrap a img 			{ width:100%; max-width:160px; padding:0 0 0.75em 0; height: auto; }
.gridlist_wrap h4 a				{ color:#404040; line-height:1.1em; font-size:100%; font-weight:normal; min-height:2.25em; }
.gridlist_wrap p a 				{ color:#404040; line-height:1.25em;  }

.gridlist_wrap a:focus img,
.gridlist_wrap p a:focus,
.gridlist_wrap h4 a:focus		{ outline:none; }

/* Discontinued skin */
.discon .gridlist_wrap h4		{ background-color:#eee;  }

.discon .gridlist_wrap a:hover,
.discon .gridlist_wrap a:focus	{ color:#777; text-decoration: none; }

.discon .gridlist_wrap h4 a		{ color:#999; }
.discon .gridlist_wrap p a 		{ color:#999; }



/* ======================================================================================================================= 	*/
/* News */
/* ======================================================================================================================= 	*/

/* News home grid */
/* -----------------------------------------------------------------------------------------------------------------------  */
.news_wrap 						{ float:left; width:33%; margin:0; padding:0;  }
.news_home 						{ background-color:#fff; min-height:18em; margin:0 0.5em 1em 0.5em; padding:0 0 0 0; text-align:center; border:1px solid #fff; border-radius:4px; border-top:0px solid #fff; border-left:0px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; }
.news_home:hover				{ border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:0px solid #ccc; border-bottom:0px solid #ccc; }

.news_home_content h4,
.news_home_content p 			{ padding:0; margin:0; }

.news_home_content a			{ display:block; width:100%; }
.news_home_content a:hover,
.news_home_content a:focus		{ color:#C81E3C; text-decoration: none; }

.news_home_image 	 			{ width:100%; }
.news_home_image a img 			{ text-align:center; max-width:100%; height:auto; }
.news_home_content  h4 a		{ color:#404040; line-height:1em; font-size:100%; padding:1em 0.25em 0.5em 0.25em; }
.news_home_content  p a 		{ color:#404040; line-height:1.25em; padding:0 0.5em 0 0.5em; }


/* News list grid */
/* -----------------------------------------------------------------------------------------------------------------------  */
.news_item,
.press_list_item 			{ background-color:#ffffff; border:1px #d7d7d7 solid; border-radius:2px; margin-bottom:0.5em; width:100%; }

.news_image,
.press_list_image 			{ float:left; display:inline; margin:0 1em 0 0; max-width: 275px; width:100%; }
.press_list_image 			{ text-align:center; }
div.news_image > a > img, div.press_list_image > a > img 	{ max-width:100%; height:auto; }

.news_content				{ overflow-wrap:break-word; margin:0; padding:1em 0 1em 0; }

.news_image a, .news_content a, .press_list_image a			{ display:block; width:100%; }
.news_content a:hover, .news_content a:focus				{ color:#c81e3c; text-decoration: none; }

.news_content h4			{ font-size:100%; margin:0; padding:0; }
.news_content h4 a			{ color:#404040; line-height:1em; font-size:120%; padding:0 0.25em 0.5em 0.25em; }
.news_content p				{ color:#404040; line-height:1.25em; font-size:100%; padding:0 0.25em 0 0.25em; }


/* News details */
/* -----------------------------------------------------------------------------------------------------------------------  */
.news-single-img 			{ float:right; margin:0 0 2em 2em; }


/* News Pagination (browseLinksWrap) & Search Pagination (browsebox)  */
/* -----------------------------------------------------------------------------------------------------------------------  */
.browsebox  				{ padding:0; }
.browsebox li 				{ display:inline; }

.browseLinksWrap > strong,
.browseLinksWrap > a,
.browsebox li > strong a,
.browsebox li > a 			{ font-size:120%; margin:0 0.25em 0.5em 0; padding:0.25em 0.75em; background-color:#fff; border:#ccc 1px solid; border-radius:4px; display:inline-block; color:#212121; text-decoration:none; }

.browseLinksWrap > strong,
.browseLinksWrap > a:focus,
.browseLinksWrap > a:hover,
.browsebox li > strong a,
.browsebox li > a:focus,
.browsebox li > a:hover 	{ background-color: #c81e3c; border-color: #c81e3c; color:#fff; }

.browseLinksWrap > a:active,
.browsebox li > a:active 	{ background-color: #b31b36; border-color: #b31b36; color:#fff; }


/*  ======================================================================================================================= */
/*  Downloads - 2020 */
/*  ======================================================================================================================= */

/* Download tile layout on Packages, Software, Development */
/* ----------------------------------------------------------------------------------------------------------------------- */
.download_tile										{ width:50%; float:left; display:inline; max-width:425px; }
.download_tile div									{ margin:0 2rem 2rem 0; background-color: #fff; border:0px solid transparent; border-radius:4px; overflow:hidden; min-height:22.5em; position:relative; }
.download_tile div h4								{ display:block; min-height:3.5em; font-weight:normal; width:100%; line-height:1.25em; padding:0.4em 0.66em 0.4em 0.66em; background-color:#404040; color:#eee; margin-bottom:0; }
.download_tile div h4.new_download					{ background-image:linear-gradient(to right, rgba(200,30,60,1), rgba(64,64,64,1)); color:#fff; } 
.download_tile div h4.old_download					{ background-color:#9d9d9d; color:#fff; }
.download_tile div h4 img							{ float:right; height:inherit; margin:0.1em 0 0 0.5em; }
.download_tile div p								{ display:block; padding:0.5em 1em 0em 1em; }
.download_tile div p:last-child						{ display:block; position:absolute; width:100%; left:0; bottom:0; }
.download_tile div a								{ width:100%; }

/* Download list layout on Documentation and Certificate downloads*/
/* ----------------------------------------------------------------------------------------------------------------------- */
.download_list										{ clear:both; margin:0; border-bottom: 1px solid #ccc; overflow:hidden; position:relative; }
.download_list div h4								{ float:left; font-size: 125%; width:60%; font-weight:normal; margin:0; line-height:1.25em; padding: 0.65em 0.66em 0.5em 0; }
.download_list div h4 img							{ display:none; }
.download_list div p								{ float:left; width:60%; line-height:1.35em; padding:0.25em 1em 0 0; margin:0 0 0.25em 0;  }
.download_list div p:last-child						{ float:right; width:40%; padding:0.5em 0 0.2em 0.5em; margin:0; text-align:right;  }
.download_list div a								{ min-width:45%; }



/* ======================================================================================================================= 	*/
/* Special panels for the Landing and Downloads pages  */															
/* ======================================================================================================================= 	*/

/* Special row to limit PEAKaBox panels */
.PEAKaRow							{ max-width:1100px; }
.PEAKaRow div.col-lg-4,
.PEAKaRow div.col-lg-6,
.PEAKaRow div.col-lg-8				{ margin:0; padding:0; }

/* Content Box Classes for landing page addressed by Javascript for visibility */
.Info_DEU, .Info_ENG, .Info_FRA									{ display:none; }
.Info_DEU.selected, .Info_ENG.selected, .Info_FRA.selected		{ display:block; }

.Info_DEU .PEAKaBox a.btn,
.Info_DEU .PEAKaBox input,
.Info_DEU .PEAKaBox select,
.Info_ENG .PEAKaBox a.btn,
.Info_ENG .PEAKaBox input,
.Info_ENG .PEAKaBox select,
.Info_FRA .PEAKaBox a.btn,
.Info_FRA .PEAKaBox input,
.Info_FRA .PEAKaBox select			{ width:80%; line-height:2em; }

/* Special panel for catalogs, drivers, landing page */
.PEAKaBox							{ width:100%; float:left; display:inline; text-align:center; }
.PEAKaBox div						{ margin:0 2rem 2rem 0; padding:2rem 0.5rem 2rem 0.5rem; border-radius:4px; overflow:hidden;  }
.PEAKaBox a							{ width:100%; }
.PEAKaBox a.btn						{ white-space:inherit; }
.PEAKaBox h3						{ font-size:200%; font-weight:100; line-height:1.25em; margin:0.5em 0 0.5em 0; color:inherit; }
.PEAKaBox p							{ margin:0; padding:0 1em 1em 1em; }
.PEAKaBox input,
.PEAKaBox select					{ width:100%; padding:0.5rem 1em 0.5rem 1em; margin:0.25rem 0 0.25rem 0; background-color: #fafafa; }

.PEAKaBox div					 	{ background-color:#fff; color:#333; border:1px solid #ccc; }
.PEAKaBox.PEAKaBox-primary div 		{ background-color:#c81e3c; border-color:#c81e3c; color:#fff; } 
.PEAKaBox.PEAKaBox-primary h3		{ color:#fff; }
.PEAKaBox.PEAKaBox-primary .btn.btn-default:focus,
.PEAKaBox.PEAKaBox-primary .btn.btn-default:hover 	{ background-color: #df2143; border: 1px solid #df2143;}
.PEAKaBox.PEAKaBox-dark div 		{ background-color:#404040; border-radius:4px; color:#fff; } 
.PEAKaBox.PEAKaBox-dark h3			{ color:#fff; } 
.PEAKaBox.PEAKaBox-dark input[disabled]:focus.btn.btn-dark,
.PEAKaBox.PEAKaBox-dark input[disabled]:hover.btn.btn-dark,			 
.PEAKaBox.PEAKaBox-dark input[disabled].btn.btn-dark   { background-color:#404040; border: 2px dashed #fff; width: 100%; }
.PEAKaBox.PEAKaBox-dark .LinuxInfo 	{ display:block; background-color:#404040; border: 2px dashed #fff; border-radius:4px; width: 100%; padding: 0.25em 0 0.25em 0; margin: 0 0 0.25em 0; }

/* Special panel for download page and landing page (if the whole box is a link) */
.PEAKaLink							{ width:100%; float:left; display:inline; text-align:center; }
.PEAKaLink div						{ margin:0 2rem 2rem 0; padding:0; border:0px solid transparent; border-radius:4px; overflow:hidden;  }
.PEAKaLink a						{ width:100%; margin:0; padding:0; }
.PEAKaLink a.btn					{ padding:1.5rem 0.5rem 1rem 0.5rem; white-space:inherit; }
/* .PEAKaLink h3						{ font-size:200%; font-weight:100; line-height:2em; margin:0; color:inherit; } */
.PEAKaLink h3						{ font-size:200%; font-weight:100; line-height:1.25em; margin:0.5em 0 0.5em 0; color:inherit; }
.PEAKaLink p						{ margin:0; padding:0 1em 1em 1em; min-height:8em; }



/* ======================================================================================================================= 	*/
/* Special description with big download buttons (used on Firmware Downloads and version histories)                         */
/* ======================================================================================================================= 	*/
.flex-download 						{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.flex-download .item-text 			{ order: 0; padding-right: 2em; flex-basis: auto;  }
.flex-download .item-buttons 		{ order: 1; padding-left: 2em; padding-right: 0em; flex-basis: auto; }
.panel .flex-download .item-buttons { padding-right: 2.5em; }
.flex-download .item-buttons .btn 	{ padding: 0.75em 1.5em; width: 100%; }



/*  ======================================================================================================================= */
/*  Product Detail Pages */
/*  ======================================================================================================================= */
#order-box 											{ padding:0 0 0 0; margin-bottom:1em; }
#gallery-box										{ padding:0 0.5em 0 0; margin-bottom:1em; }
#gallery-box img									{ max-width:100%; height:auto; }

table.order-table 									{ border-top:1px solid #ddd; margin:0 0 0.5em 0;  }
table.order-table th,
table.order-table td 								{ padding:0.25em 0 0 0; }

input.article-count									{ width:3.5em; padding-left:0.15em; padding-right:0.15em; text-align:right; }

/* Accordion product-tabs */
.tabs-article 										{ width:100%; background-color:#fff; border:1px solid transparent; border-radius:4px; margin-bottom:0.5em; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05); box-shadow:0 1px 1px rgba(0,0,0,.05); }
.tabs-article > .panel 								{ border:0; background-color:transparent; -webkit-box-shadow:none; box-shadow:none; min-height:10em; padding-bottom:2em; }

.accordion 											{ width:100%; padding:1em 1.25em; border:none; text-align:left; outline:none; background-color:transparent; }
.accordion h3 										{ margin:0; line-height:1em; }

.tabs-article.toggle > .panel 						{ display:none; }
.tabs-article.toggle.active > .panel 				{ display:block; padding-top:0.25em; }
.tabs-article.toggle .accordion						{ cursor:pointer; }
.tabs-article.toggle .accordion.active h3,
.tabs-article.toggle .accordion:hover h3			{ color:#c81e3c; }
.tabs-article.toggle 								{ margin-bottom:0.5em; }
.tabs-article div.nav_hit							{ display:none; }
.tabs-article.toggle  div.nav_hit					{ display:block; float:left; top:0.25em; left:0; margin-right:1em; position:relative; }

/* Class used for images and pin assignment tables */
.product_half_right_alone 							{ float:right; display:inline; width:37%; margin:0 0 10px 15px; padding:0; background:transparent; }
.product_half_right_alone > p > img 				{ width:100%; max-width:300px; height:auto; }

/* Pin assignment table */
.Tab_Belegung 										{ margin:0.25em 0 0.5em 0; }
.Tab_Belegung th,
.Tab_Belegung td									{ font-size:93.75%; line-height:1.2em; padding:0.1em 0.5em 0.15em 0; }


/* Product page downloads - the download list layout is used for all downloads on this page */
/* ----------------------------------------------------------------------------------------------------------------------- */
.panel .download_list								{ margin:0; border-bottom: 1px solid #ccc; }
.panel .download_list:last-child					{ margin:0; border-bottom:0; }
.panel .download_list div h4						{ padding:0.65em 0.5em 0 0; line-height:1.25em; }
.panel .download_list div p							{ padding:0.5em 1em 1em 0; margin:0 0 0.25em 0; }
.panel .download_list div p:last-child				{ padding:0.5em 0 0 0; }

.panel .download_list .btn-default 					{ background-color:#f2f2f2;  }
.panel .download_list .btn-default:focus,
.panel .download_list .btn-default:hover 			{ background-color:#c81e3c; border-color:transparent; color:#fff; }
.panel .download_list .btn-default:active,
.panel .download_list .btn-default:active:focus,
.panel .download_list .btn-default:active:hover 	{ background-color:#b31b36; border-color:transparent; color:#fff; }

/* New picture slider on product pages  */
/* -----------------------------------------------------------------------------------------------------------------------  */
.slideshow-container 			{ border-radius: 2px; background-color: #fff; position: relative; }
.mySlides						{ text-align: center;  height: 200px; position:relative; }
#image_main						{ object-fit:contain; max-width:100%; max-height:100%; width:95%; margin: auto; }

.slideshow-prev,
.slideshow-next 				{ display:none; cursor: pointer; position: absolute; top: 120px; width: auto; padding: 12px; margin-top: -50px; background-color: #f2f2f2; color:#000; font-weight: bold; font-size: 20px; user-select: none; -webkit-user-select: none; }
.slideshow-next 				{ right: 0; border-radius: 3px 0 0 3px; border:#ccc 1px; border-style:solid none solid solid; }
.slideshow-prev					{ left: 0; border-radius: 0 3px 3px 0; border:#ccc 1px; border-style: solid solid solid none; }
.slideshow-prev:hover,
.slideshow-next:hover 			{ color:#c81e3c; text-decoration: none; }

.slideshow-row					{ align-items: center; padding: 5px; position: relative; width: 100%; }
.slideshow-column				{ float:left; margin-right:4px; margin-bottom: 4px; height: 50px; width: 50px; border: 1px solid #ccc; text-align: center; position:relative;}
.slideshow-column_active,
.slideshow-column:hover 		{ border:#202020 1px solid; cursor:pointer; }

.image_mini						{ object-fit:cover; max-width:100%; max-height:100%; width:100%; margin: auto;}

.img_vertical-align 			{ width:100%; height:100%; display:flex; justify-content: center; padding:0.25em; }
.img_vertical-align  img 		{ align-self:center; }


/* ======================================================================================================================= */
/* Basket */
/* ======================================================================================================================= */
.row.basket-row						{ padding:0; margin-bottom:0.5em; }
.row.basket-row	> div				{ padding:0; }
.row.basket-row .row > div			{ margin:0; padding:0; }
.row.basket-row	p					{ margin:0 0.5em 0.25em 0; }
.row.basket-row	input[type=text],
.row.basket-row	input[type=number],
.row.basket-row	select				{ margin:0; position:relative; top:-0.25em; max-width:95%; }
.row.basket-row	select,
.row.basket-row	input[type=text]	{ margin:0 1em 0.25em 0;}

.row.basket-row input.article-count	{ padding:0 0.15em 0 0.15em; }

.row.basket-row p > input[type=text],
.row.basket-row p > input[type=number],
.row.basket-row p > select				{ margin:0 1em 0 0; top:0; }




/*  ======================================================================================================================= */
/*  Media Queries */
/*  ======================================================================================================================= */

/* Bootstrap md - Medium devices */
/* ======================================================================================================================= */
@media screen and (max-width: 1199px) {
	/* .design-line 				{ background-color:#c9248f; } */

	/* Layout Adjustments */
	.logo-position 				{ padding-left:15px; top:8px; }

	.desktop-menu,
	.desktop-menu.fixed 		{ padding-left:15px; }
	.desktop-menu li a 			{ width:auto; }

	/* Content Adjustments */
	div.filter-box				{ width:auto; }

	/* Special panels for download and landing pages */
	.PEAKaRow div.col-lg-8 .PEAKaLink		{ width:50%; }
	.PEAKaRow div.col-md-12 .PEAKaLink		{ width:50%; }

    .width_small                { width:45%; }
    .width_medium               { width:50%; }

}



/* Bootstrap sm - Small devices */
/* ======================================================================================================================= */
@media screen and  (max-width: 991px) {
	/* .design-line 				{ background-color:#007ab3; }	 */

	/* Layout Adjustments */
	#logo 						{ height:50px; left:40px; }

	#header 					{ height:65px; }
	#main-nav ul 				{ height:65px; }
	#main-nav a 				{ font-size:93.75%; padding:22px 0.5em 0 0.5em;  }

	/* Downloads */
	.download_tile						{ width:100%; min-width:inherit; max-width:inherit; }
	.download_tile div 					{ margin-right:0; min-height:inherit; }
	.download_tile div h4				{ min-height:3em; line-height:1.25em; }
	.download_tile div h4 img			{ margin:0.1em 0 0 0.5em; height:2em; }
	.download_tile div p:last-child		{ position:relative; top:0; }
		
	.download_list 						{ margin-right:0; }
	.download_list div h4				{ width:100%; padding:0.75em 0 0.25em 0; }
	.download_list div p				{ width:100%;  }
	.download_list div p:last-child		{ width:100%; text-align:left; padding:0.25em 0 0 0; }
	.download_list div a				{ min-width:30%; }
	
	.panel .download_list 				{ margin-bottom:1em; }
	.panel .download_list p				{ padding:0.25em 0 0.5em 0;}
	.panel .download_list div h4		{ width:100%; padding:0 0 0.25em 0; }

    .width_small                { width:45%; }
    .width_medium               { width:50%; }
}



/* Bootstrap xs - Extra Small Devices */
/* ======================================================================================================================= */
@media screen and (max-width: 767px) {
	/* .design-line 				{ background-color:#3fd8a4; }	 */

	/* Layout Adjustments */
	#header 					{ height:60px; }
	.logo-position 				{ width:150px; padding-left:2em; top:6px; z-index: 600; }
	#logo 						{ height:50px; left:0px; top:0px; }
	.searchfield 				{ width: auto; }

	#main 						{ padding:2em 1em 3em 1em; }
	.main_wrap					{ padding-right:0; } 
	
	#footer 					{ text-align:center; }
	#footer img.img-responsive 	{ text-align:center; display:inline-block;}
	.footer-navigation li		{ display: inline-block; margin-right: 0.5em; }

	h1 							{ font-size:220%; }
	h2 							{ font-size:160%; }
	h3 							{ font-size:160%; }
	h4 							{ font-size:120%; }

	textarea					{ width:100%; }

	div.table-responsive table.table-row-style		{ min-width:767px; }
	div.table-responsive table.table-row-style th	{ padding:0.2em 1em 0.25em 0.5em; white-space: unset; }
	div.table-responsive table.table-row-style td	{ padding:0.2em 1em 0.25em 0.5em; white-space: unset;}

  	/* Product list */
	.gridlist_wrap div			{ min-height:20em; }	
	
	/* News */
	.news_wrap 					{ width:50%; }

	/* News Details */
	.panel.detail-panel			{ padding:2em 2em 4em 2em; }
	.news-single-img 			{ width:100%; float:none; margin:0 0 2em 0; text-align:center; }
	.news-single-img img 		{ width:auto; max-width:100%; height:auto; }
	
	/* Products */
	.tabs-article.toggle  div.nav_hit				{ top:0.1em; }

	/* Basket */
	.row.basket-row				{ margin-bottom:1em; }
	.row.basket-row	p			{ margin-bottom:0.25em; }
	.basket-clear 				{ top:0.25em; }

	/* Special panels for download and landing pages */
	.PEAKaBox div							{ margin:0 0 2rem 0; }	
	.PEAKaRow div.col-xs-12 .PEAKaLink div	{ margin-right:0; }	

    .width_small                { width:45%; }
    .width_medium               { width:50%; }

    /* Flex Download for Firmware Downloads & Version Histories */
    .flex-download .item-text 			{ order: 0; padding-right: 2em; flex-basis: 75%;  }
    .flex-download .item-buttons 		{ order: 1; padding-left: 0; padding-right: 0; flex-basis: 25%; }
    .flex-download .item-buttons .btn 	{ padding: 0.35em 0.75em; width:100%; white-space: break-spaces; }

}


/* Extremely Small Devices */
/* ======================================================================================================================= */
@media screen and (max-width: 600px) {
	/* .design-line 					{ background-color:#8ac924; } */

	#header_wrap 					{ width:auto; height:60px; }

	/* Search */
	.searchfield 					{ visibility:hidden; }
	.xs-search 						{ visibility:visible; position:absolute; }
	.xs-image 						{ background:#404040 url('../images/icons/Search.png') no-repeat top right; background-position-y:8px; background-size:29px; color:#404040; padding:15px 30px 10px 10px; height:27px; }
	.xs-image:hover 				{ background-image:url('../images/icons/Search_white.png'); background-color:#666366; cursor:pointer; padding-top:25px; }

	div.panel 						{ padding:1em 0.75em 1em 0.75em; }

	/* News list */
 	.news_image,
	.press_list_image 				{ width:40%; float:left; margin:0; }
	.news_content					{ float:right; width:60%; margin:0; padding:0.5em 0.5em 0.5em 1em; }

  	/* Product list */
	.gridlist_wrap					{ width:50%; }
	.gridlist_wrap div				{ min-height:20em; }

	/* Product details */
	#gallery-box					{ padding:0 0 0.1em 0; background-color:#fff; text-align:center; }
	.product_half_right_alone 		{ width: 100%; }
	
	/* Downloads */
	.download_list 					{ border:0; }	
	.download_list div a			{ width:100%; }
	
	/* Special panels for download and landing pages */
	.PEAKaRow div.col-lg-8 .PEAKaLink	{ width:100%; }
	.PEAKaRow div.col-lg-4 .PEAKaLink	{ width:100%; }
	.PEAKaBox div,	.PEAKaLink div 		{ margin-right:0; }
	.PEAKaLink div a p					{ min-height:inherit; }	
 
}


/* Ultra Small Devices */ 
/* ======================================================================================================================= */
@media screen and (max-width: 500px) {
	/* .design-line 			{ background-color:#ecffa8; }	 */

	body					{ font-size:15px; }
	.logo-position 			{ padding-left:15px; }

	#main 					{ padding:1.5em 1em 2em 0em; }

	.mobile.active			{ width:84%; }
	.mobile ul				{ padding-left:22px; }
	.mobile ul.single-level	{ padding-left:14px; }
	
	img.float_right,
	img.float_right_border	{ margin:0 0.25em 1em 0.25em; height:auto; width:100%; float:none; }

	/* Content */
 	.gridlist_wrap			{ width:100%; }
	.gridlist_wrap div		{ min-height:unset; padding-bottom:1em; margin-right:0; }
	div.MobileFilterBox form.FilterFormJS	{ margin-right:0; } 
	
 	.news_wrap 				{ width:100%; }
 	.news_home 				{ margin:0 0 1em 0; min-height:17em; }

	/* News list */
 	.news_item				{ width:100%; margin:0 0 1em 0; min-height:16em; }
	.news_image,
	.press_list_image 		{ float:none; width:100%; margin:0 0 1em 0; max-width:100%;  }
	.news_content		 	{ float:none; width:100%; margin:0; text-align:center; }

	.news_content h4 a		{ padding:0.5em 0.25em 0.5em 0.25em; }
	.news_content p			{ padding:0 0.25em 0 0.25em; }

	.btn.btn-max-width		{ width:100%; }	
	.max-width-element		{ width:100%; }		
    
    .width_small            { width:100%; }
    .width_medium           { width:100%; }
}

/* Larger Extra Small Devices - Larger than Bootstrap xs */
/* ======================================================================================================================= */
@media screen and (min-width: 768px)  {
	.PEAKaRow.row.Info_DEU .PEAKaLink div a,
	.PEAKaRow.row.Info_DEU .PEAKaBox div ,
	.PEAKaRow.row.Info_ENG .PEAKaLink div a,
	.PEAKaRow.row.Info_ENG .PEAKaBox div ,
	.PEAKaRow.row.Info_FRA .PEAKaLink div a,
	.PEAKaRow.row.Info_FRA .PEAKaBox div { min-height:45rem; }
}


/* Bootstrap lg - Large devices */
/* ======================================================================================================================= */
@media screen and (min-width: 1200px)  {
	/* .design-line 						{ background-color:#c81e3c; }	 */

	#footer p.footer-disclaimer				{ text-align:left; padding-top:1.25em; }

	/* Special panels for download and landing pages */
	.PEAKaRow div.col-lg-8 .PEAKaLink		{ width:50%; }
	.PEAKaRow div.col-lg-4 .PEAKaLink		{ width:100%; }

}



/* Full HD devices */
/* ======================================================================================================================= */
@media (min-width: 1800px) {
	/* .design-line 				{ background-color:#ffad39; }	 */

	#main 							{ min-height:1150px; }

	.gridlist_wrap					{ width:25%; max-width:17em; min-height:20em; }
	.news_wrap						{ max-width:20em; }
	
	/* Downloads */
	.download_tile					{ width:33%; }	
}

/* 4K devices */
/* ======================================================================================================================= */
@media (min-width: 2000px) {

    .width_small                    { width:25%; }
    .width_medium                   { width:33%; }
}

/* Flex-Box-Layout (2025) */
/* ======================================================================================================================= */
.flex-layout    { display: flex; flex-wrap: wrap; gap: 1em; padding: 0; margin: 0; }

.flex-box       { background-color: #fafafa; border: 1px solid #fff; border-radius:4px; padding: 1em 1em 2.5em 1em; width: 100%; }
.flex-box:hover { background-color: #fff; }

@media (min-width: 1600px) {
    .flex-box   { width: calc(50% - 1em); }
}

@media (min-width: 2540px) {
    .flex-box   { width: calc(33.333% - 1em); }
}

@media (min-width: 3000px) {
    .flex-box   { width: calc(25% - 1em); }
}

/* Dark Panel (2025) */
/* ======================================================================================================================= */
div.panel.dark                      { margin-right:1em; padding-bottom:0; text-align:center; background-color:#404040; }
div.panel.dark h3                   { font-weight:500; color:#fff; }
