@charset "UTF-8";figure,hr,ol,p,ul{margin:var(--universal-margin)}:root{--fore-color:#444;--secondary-fore-color:#444;--back-color:#f8f8f8;--secondary-back-color:#f0f0f0;--blockquote-color:#f57c00;--pre-color:#1565c0;--border-color:#aaa;--secondary-border-color:#ddd;--heading-ratio:1.19;--universal-margin:0.5rem;--universal-padding:0.5rem;--universal-border-radius:0.125rem;--a-link-color:#0277bd;--a-visited-color:#01579b;--table-border-color:#aaa;--table-border-separator-color:#666;--table-head-back-color:#e6e6e6;--table-head-fore-color:#111;--table-body-back-color:#f8f8f8;--table-body-fore-color:#111;--table-body-alt-back-color:#eee;--tooltip-back-color:#212121;--tooltip-fore-color:#fafafa;--modal-overlay-color:rgba(0, 0, 0, 0.45);--modal-close-color:#444;--modal-close-hover-color:#f0f0f0;--generic-border-color:rgba(0, 0, 0, 0.3);--generic-box-shadow:0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.125),0 0.125rem 0.125rem -0.125rem rgba(0, 0, 0, 0.25)}html{font-size:16px}a,b,del,em,i,ins,q,span,strong,u{font-size:1em}*,html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}*,h5{font-size:1rem}body{margin:0;color:var(--fore-color);background:var(--back-color)}details{display:block}summary{display:list-item}abbr[title]{border-bottom:none;text-decoration:underline dotted}input{overflow:visible}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:calc(1.5 * var(--universal-margin)) var(--universal-margin);font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:var(--secondary-fore-color);display:block;margin-top:-.25rem}h1{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h2{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio) * var(--heading-ratio))}h3{font-size:calc(1rem * var(--heading-ratio) * var(--heading-ratio))}h4{font-size:calc(1rem * var(--heading-ratio))}h6{font-size:calc(1rem / var(--heading-ratio))}ol,ul{padding-left:calc(2 * var(--universal-margin))}b,strong{font-weight:700}hr{box-sizing:content-box;border:0;line-height:1.25em;height:.0625rem;background:#e1eff7;margin-top:15px;margin-bottom:20px}figcaption{color:var(--secondary-fore-color)}a{text-decoration:none}a:link{color:var(--a-link-color)}a:visited{color:var(--a-visited-color)}a:focus,a:hover{text-decoration:underline}.tooltip{position:relative;display:inline-block}.tooltip:after,.tooltip:before{position:absolute;opacity:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);transition:.3s;z-index:1010;left:50%}.tooltip:not(.bottom):after,.tooltip:not(.bottom):before{bottom:75%}.tooltip.bottom:after,.tooltip.bottom:before{top:75%}.tooltip:focus:after,.tooltip:focus:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;clip:auto;-webkit-clip-path:inset(0%);clip-path:inset(0%)}.tooltip:before{content:'';background:0 0;border:var(--universal-margin) solid transparent;left:calc(50% - var(--universal-margin))}.tooltip:after,[type=checkbox].modal+div .card .modal-close{border-radius:var(--universal-border-radius);padding:var(--universal-padding)}.tooltip:not(.bottom):before{border-top-color:#212121}.tooltip.bottom:before{border-bottom-color:#212121}.tooltip:after{content:attr(aria-label);color:var(--tooltip-fore-color);background:var(--tooltip-back-color);white-space:nowrap;transform:translateX(-50%)}.tooltip:not(.bottom):after{margin-bottom:calc(2 * var(--universal-margin))}.tooltip.bottom:after{margin-top:calc(2 * var(--universal-margin))}[type=checkbox].modal{height:1px;width:1px;margin:-1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%)}[type=checkbox].modal+div{position:fixed;top:0;left:0;display:hidden;width:100vw;height:100vh;background:var(--modal-overlay-color)}[type=checkbox].modal+div .card{margin:0 auto;max-height:50vh;overflow:auto}[type=checkbox].modal+div .card .modal-close{position:absolute;top:0;right:0;width:1.75rem;height:1.75rem;margin:0;cursor:pointer;transition:background .3s}[type=checkbox].modal+div .card .modal-close:before{display:block;content:'\00D7';color:var(--modal-close-color);position:relative;font-family:sans-serif;font-size:1.75rem;line-height:1;text-align:center}[type=checkbox].modal+div .card .modal-close:focus,[type=checkbox].modal+div .card .modal-close:hover{background:var(--modal-close-hover-color)}[type=checkbox].modal:checked+div{display:flex;flex:0 1 auto;z-index:1200}[type=checkbox].modal:checked+div .card .modal-close{z-index:1211}mark.secondary{--mark-back-color:#d32f2f}mark.tertiary{--mark-back-color:#308732}mark.tag{padding:calc(var(--universal-padding)/2) var(--universal-padding);border-radius:1em}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}.bordered{border:.0625rem solid var(--generic-border-color)!important}.rounded{border-radius:var(--universal-border-radius)!important}.circular{border-radius:50%!important}.shadowed{box-shadow:var(--generic-box-shadow)!important}.responsive-margin{margin:calc(var(--universal-margin)/ 4)!important}.responsive-padding{padding:calc(var(--universal-padding)/ 4)!important}@media screen and (min-width:768px){.responsive-margin{margin:calc(var(--universal-margin)/ 2)!important}.responsive-padding{padding:calc(var(--universal-padding)/ 2)!important}}@media screen and (max-width:767px){.hidden-sm{display:none!important}.visually-hidden-sm{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}}@media screen and (min-width:768px) and (max-width:1279px){.hidden-md{display:none!important}.visually-hidden-md{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}}@media screen and (min-width:1280px){.responsive-margin{margin:var(--universal-margin)!important}.responsive-padding{padding:var(--universal-padding)!important}.hidden-lg{display:none!important}.visually-hidden-lg{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;overflow:hidden!important}}


/*
  Flavor name: Default (mini-default)
  Author: Angelos Chalaris (chalarangelo@gmail.com)
  Maintainers: Angelos Chalaris
  mini.css version: v3.0.1
*/

:root {
  --universal-border-radius: 0.525rem;
}

/*
Sehr, sehr wichtig fuer alle Webprojekte
1) alle elemente brauchen box-sizing: border-box;  für ALLE elemente: Vorteil: border und padding liegen dann innerhalb(!) der width
2) img braucht display:block;   Entfernt bei allen img die 3 Zeilen unterhalb!!
*/
img {
	display:block;
}

* {
    font-size: 1.05rem;
}
html, * {
  line-height: 1.7;
}


/* Clearfix */
.clear:after {
  content: "";
  display: table;
  clear: both;
}

/* Center */
.center {
  display: flex;
  justify-content: center;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.allcontent {
	margin-left:2%;
    margin-right:2%;
}


/* Buttons */
button, [type="button"], [type="submit"], [type="reset"],
a.button, label.button, .button,
a[role="button"], label[role="button"], [role="button"] {
  transition: background 0s;
}

button.secondary, [type="button"].secondary, [type="submit"].secondary, [type="reset"].secondary, .button.secondary, [role="button"].secondary {
  --button-back-color: #d32f2f;
  --button-fore-color: #f8f8f8;
}

button.secondary:hover, button.secondary:focus, [type="button"].secondary:hover, [type="button"].secondary:focus, [type="submit"].secondary:hover, [type="submit"].secondary:focus, [type="reset"].secondary:hover, [type="reset"].secondary:focus, .button.secondary:hover, .button.secondary:focus, [role="button"].secondary:hover, [role="button"].secondary:focus {
  --button-hover-back-color: #c62828;
}

a.defaultbutton {
	 /* Green, contrast too low background-color: #4ad295; */
	background-color: #34ad59;
	color: white;
	font-weight:500;
	padding: 8px 22px;
	margin:0 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius:6px;
}
a.defaultbutton:hover {
	/* Green, contrast too low background-color: #00af80;  */
	background-color: #41ca6b;
	cursor:pointer;
}

a.defaultbuttonprevious {
	background-color: #ccc; /* Green */
	color: white;
	font-weight:400;
	padding: 8px 22px;
	margin:0 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius:6px;
}
a.defaultbuttonprevious:hover {
	ackground-color: #0ca53b; /* Green */
}

.contentbox {
	text-align:center;	
}

table{
  margin: calc(1.5 * var(--universal-margin)) var(--universal-margin);
}



nav a.active {
    text-decoration: none;
    background: var(--nav-hover-back-color);
    background: #1388ce;
    background: #2a86d4;
	color: white;
}


.pic {
	height:18px;
	width:18px;
	margin-left:3px;
	background-image:url(../images/media.png);
	background-repeat: no-repeat, repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display:block;
}

.pic.headphone {
	background-image:url(../images/media-headphone.png);
}


.b {
	font-weight:bold;
}


ul {
	border-radius: 10px;
	list-style-type: none;
	padding: 10px;
	width:auto;
	display:inline-block;
}

li {
	line-height:2;
}

ul.categories {
	padding: 0px 5px;
}

ul.categories li, div.categories nobr, div.categories a {
	font-size:1.05em;
}

div.categories {
	padding: 10px;	
}



/* Rounded Button Info Box */
.myinfobox {
  background-color: #fff5ca;
  border: 1px solid #ffea89;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 22px;
  border-radius: 12px;
}


/* Design of Responsive Header */
header {
	box-sizing: border-box;
	white-space: nowrap;
	overflow-x: visible;
	overflow-y: visible;
	background-color:#fff7d9; /* fff7e5; */
}


/* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
  display:flex;
  justify-content: space-around;
  width:auto;
  height:100%;
  
 }

/* Style the links inside the navigation bar */
.topnav a {
  color: #fff;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 11px;
  text-decoration: none;
  font-size: 17px;
  font-weight:500;
}


/* Change the color of links on hover */
.topnav a:hover {
  background-color:#698fe3;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #698fe3;
}

.topnav-menu-button {
	display:flex;
	align-items:center;
	padding-right:14px;
    padding-left:6px;
}

.topnav-menu-button:hover {
	cursor:pointer;
	background-color: #698fe3;
}

.hamburger-box {
	display:inline-flex;
	flex-direction:column;
}

.hamburger-box div {
	width: 35px;
	height: 5px;
	background-color: #ffffff;
	border-radius:8px;
}

.hamburger-middle {
	margin:5px 0;
}

/* More Hamburger Stuff */
.hamburger-label {
	color:#fff;
    font-size: 18px;
	font-weight:500;
    display: inline-block;
    margin:2px 11px 1px 5px;

}


/* Bug: 2px Anzeigefehler auf tablet und smartphone gegenueber Desktop bei horizontaler zentrierung, flex center kriegts auch nicht hin */
@media (hover: hover) {
  /* when hover is supported */
	.topnav a {
	  	padding-top:10px;
	  }
	.hamburger-label {
		margin-top: 0px;
	}
}




/* Tabelle unter Detailseite */
table.detail {
  margin: var(--universal-margin);
}
table.detail tr, table.detail tr td, table.detail tr td a {
  line-height:1.4;
}
table.detail tr td.cntr {
	text-align:center;
}

.cntr {
	text-align:center;
}

h1,h2,h3 {
	font-weight:600;
	margin-top:20px;
}


.icon {
	display:inline-block;
	height:1em;
	width:1em;
	margin-right:10px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x:center;
}

.icon-svg {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 20 20' version='1.1' id='svg6177' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs6181' /%3E%3Cpath d='M12 4h4.27a2 2 0 1 1 0 2h-2.14a9 9 0 0 1 4.84 7.25 2 2 0 1 1-2 .04 7 7 0 0 0-4.97-6V8H8v-.71a7 7 0 0 0-4.96 6 2 2 0 1 1-2-.04A9 9 0 0 1 5.86 6H3.73a2 2 0 1 1 0-2H8V3h4v1z' id='path6175' style='fill:%2301579b' /%3E%3C/svg%3E");
}

.icon-news {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='svg2' style='fill:%2301579b' width='32px' height='32px' x='0px' y='0px' enable-background='new 0 0 32 32' version='1.1' viewBox='0 0 32 32'%3E%3Cg id='background'%3E%3Crect id='rect6' width='32' height='32' fill='none'/%3E%3C/g%3E%3Cpath id='path9' d='M4 14h20v-2H4v2zm11 12h7v-2h-7v2zm0-4h9v-2h-9v2zm0-4h9v-2h-9v2zM4 26h9V16H4v10zm24-16V6H0v22s0 4 4 4h25s3-.062 3-4V10h-4zM4 30c-2 0-2-2-2-2V8h24v20c0 .921.284 1.558.676 2H4z'/%3E%3C/svg%3E");
}

.icon-fire {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg style='fill:%2301579b' viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M153.6 29.9l16-21.3C173.6 3.2 180 0 186.7 0C198.4 0 208 9.6 208 21.3V43.5c0 13.1 5.4 25.7 14.9 34.7L307.6 159C356.4 205.6 384 270.2 384 337.7C384 434 306 512 209.7 512H192C86 512 0 426 0 320v-3.8c0-48.8 19.4-95.6 53.9-130.1l3.5-3.5c4.2-4.2 10-6.6 16-6.6C85.9 176 96 186.1 96 198.6V288c0 35.3 28.7 64 64 64s64-28.7 64-64v-3.9c0-18-7.2-35.3-19.9-48l-38.6-38.6c-24-24-37.5-56.7-37.5-90.7c0-27.7 9-54.8 25.6-76.9z'/%3E%3C/svg%3E");
}

.icon-dice-five {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 448 512' style='fill:%2301579b'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm64 160c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32zm32 160c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32zm64-64c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32zM352 160c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32zM320 384c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z'/%3E%3C/svg%3E");
}

.icon-tag {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:%2301579b' d='M0 80V229.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E");
}

.icon-search {
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 512 512' version='1.1' id='svg4' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs8' /%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z' id='path2' style='fill:%23ffffff' /%3E%3C/svg%3E");
}

.icon-vector {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 20 20' version='1.1' id='svg6177' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs6181' /%3E%3Cpath d='M12 4h4.27a2 2 0 1 1 0 2h-2.14a9 9 0 0 1 4.84 7.25 2 2 0 1 1-2 .04 7 7 0 0 0-4.97-6V8H8v-.71a7 7 0 0 0-4.96 6 2 2 0 1 1-2-.04A9 9 0 0 1 5.86 6H3.73a2 2 0 1 1 0-2H8V3h4v1z' id='path6175' style='fill:%23f9f9f9' /%3E%3C/svg%3E");
}

.icon-link {
	background-image: url("data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' version='1.1' viewBox='0 0 16 16' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.879 9.934c-0.208 0-0.416-0.079-0.575-0.238-1.486-1.486-1.486-3.905 0-5.392l3-3c0.72-0.72 1.678-1.117 2.696-1.117s1.976 0.397 2.696 1.117c1.486 1.487 1.486 3.905 0 5.392l-1.371 1.371c-0.317 0.317-0.832 0.317-1.149 0s-0.317-0.832 0-1.149l1.371-1.371c0.853-0.853 0.853-2.241 0-3.094-0.413-0.413-0.963-0.641-1.547-0.641s-1.134 0.228-1.547 0.641l-3 3c-0.853 0.853-0.853 2.241 0 3.094 0.317 0.317 0.317 0.832 0 1.149-0.159 0.159-0.367 0.238-0.575 0.238z'%3E%3C/path%3E%3Cpath d='M4 15.813c-1.018 0-1.976-0.397-2.696-1.117-1.486-1.486-1.486-3.905 0-5.392l1.371-1.371c0.317-0.317 0.832-0.317 1.149 0s0.317 0.832 0 1.149l-1.371 1.371c-0.853 0.853-0.853 2.241 0 3.094 0.413 0.413 0.962 0.641 1.547 0.641s1.134-0.228 1.547-0.641l3-3c0.853-0.853 0.853-2.241 0-3.094-0.317-0.317-0.317-0.832 0-1.149s0.832-0.317 1.149 0c1.486 1.486 1.486 3.905 0 5.392l-3 3c-0.72 0.72-1.678 1.117-2.696 1.117z'%3E%3C/path%3E%3C/svg%3E");
}

/* das transparente Schachmuster als Hintergund fuer die icons */
.iconbg {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNlZWUiPjwvcmVjdD4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNlZWUiPjwvcmVjdD4KPC9zdmc+");
}

/* der braune Hintergrund des Headers auf der Iconset-Seite */
.iconsethead {
	margin-top:-21px;
	padding-bottom:10px;
	background-color: #eeece2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23e7e2cb' fill-opacity='1'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


h1.iconsetheader {
	font-size:24px;
}

.iconsetheadinfo,
.iconsetheadinfo b,
.iconsetheadinfo a {
	display:inline-block;
	font-size:16px;
	line-height:1.3em;
}


@media screen and (min-width: 480px) {
	h1.iconsetheader {
		font-size:30px;
	}
}




table.bordered,table.bordered th,table.bordered tr,table.bordered td {
	border:1px solid #666;
}
table.bordered th {
	background-color:#CCCCCC;
}
table.bordered th,table.bordered td {
	padding:5px 10px;
}

/* Modal Navigation */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 40px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  height: calc(100% - 40px);
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 15px;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top:-18px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal h3 {
	font-size:19px;
	margin-top:8px;
	margin-bottom:0px;
	border-bottom:1px solid black;
}

.modal ul {
	margin: 3px 0;
}

/* Modal Download */
/* The Modal (background) */
.downmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 80px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: calc(100% - 80px);
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.downmodal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 15px;
  width: 80%;
  max-width: 500px;
}

/* The Close Button */
.downclose {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top:-18px;
}

.downclose:hover,
.downclose:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

a.downbutton,
div.downbutton {
	background-color: #34ad59; /* Green */
	color: white;
	font-weight:500;
	padding: 5px 11px;
	margin:2px 3px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	border-radius:6px;
}
a.downbutton:hover,
div.downbutton:hover {
	background-color: #2c934c; /* Green */
	cursor:pointer;
}

table.down {
	margin-top:6px;
}

table.down tr td {
	vertical-align:top;
	padding-top:5px;
}

table.down tr td:first-child {
	padding-top:9px;
	width:78px;
}

@media screen and (min-width: 640px) {
	table.down tr td:first-child {
		width:86px;
	}
}

@media screen and (min-width: 1280px) {
	.modal-content {
	  width: 60%;
	}
}

#myBtn:hover {
	cursor:pointer;
	opacity:0.9;
}


.topnav-search-wrap {
	display:flex;
	align-items:center;
	margin:0px 2px 0px 4px;
}

input.topnav-search-field {
  padding: 1px 0px 1px 10px;
  border-style:solid;
  border-color: #34ad59;
  border-width: 2px 0 2px 2px;
  border-radius: 10px 0 0 10px;
  height: 32px;
  font-size: 18px;
  background-color:#ffffff;
  width: 100%;
  min-width: 80px;
}

input.topnav-search-field:focus{
    outline: none;
}

.topnav-search-submit {
	display:inline-block;
	border-style:solid;
	border-color: #34ad59;
	border-width: 2px 2px 2px 0;
	border-radius: 0 10px 10px 0;
	background-color:#34ad59;
	padding:6px 10px 6px 14px;
}

.topnav-search-submit:hover {
	cursor:pointer;
}

.home-search-wrap {
	display:inline-flex;
	align-items:center;
	margin:10px 5px;
	width:100%;
	max-width:600px;	
}

input.home-search-field {
  padding: 1px 0px 1px 30px;
  border-style:solid;
  border-color: #34ad59;
  border-width: 6px 0 6px 6px;
  border-radius: 30px 0 0 30px;
  height: 50px;
  font-size: 20px;
  background-color:#ffffff;
  width: 100%;
  min-width: 100px;
}

input.home-search-field:focus{
    outline: none;
}

.home-search-submit {
	display:inline-block;
	border-style:solid;
	border-color: #34ad59;
	border-width: 6px 6px 6px 0;
	border-radius: 0 30px 30px 0;
	background-color:#34ad59;
	padding:11px 10px 11px 14px;
}

.home-search-submit:hover {
	cursor:pointer;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}


.navmulticol {
	column-count:1;
}

@media screen and (min-width: 360px) {
	.navmulticol {
		column-count:2;
	}
}

@media screen and (min-width: 640px) {
	.navmulticol {
		column-count:3;
	}
}

@media screen and (min-width: 960px) {
	.navmulticol {
		column-count:4;
	}
}

@media screen and (min-width: 1200px) {
	.navmulticol {
		column-count:5;
	}
}


/* Mics Stuff */
a.tagbutton {
	background-color: #a0a0a0;
	color: white;
	font-weight:500;
	padding: 1px 15px;
	margin:4px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	border-radius:16px;
}

a.tagbutton:hover {
	background-color: #888888;
}

/* ----- IconSet List ----- */
.iconset {
	position:relative;
	display:inline-block;
	float:left;
	margin:0 3px 10px 0;
	font-size:11px;
}

.iconset a {
	font-weight:bold;
}

.s-preview {
	border:1px solid #e5e5e5;
	border-radius:10px;
	overflow:hidden;
	padding:2px;
}

.s-preview a {
	display:block;
	overflow:hidden;
}

.s-preview:hover {
	border-color:#c5c5c5;
}

.s-preview a img{
	background-color:#ffffff;
	padding:4px;
}

@media screen and (min-width: 640px) {
	.s-preview-home a img {
		padding:12px;	
	}
}

.s-text {
	overflow:hidden;
}

.s-text-first {
	height:21px;
	overflow:hidden;
}

.s-text-first-right {
	float:right;
	padding-right: 7px;
	color:#444;
	font-size:13px;
}

.s-text-first-left {
	float:left;
	padding-left:7px;
}

.s-text-second,
.s-text-third {
	height:17px;
	overflow:hidden;
}

.s-text-second-right,
.s-text-third-right {
	float:right;
}

.s-text-second-left,
.s-text-third-left {
	float:left;
}

.iconset h2 {
	font-size:16px;
	color:#0c6295;
	font-weight:600;
	padding:0;
	margin:0;
}

.iconset-small {
	float:left;
	border:1px solid #D8D836;
	border:1px solid #94AFDD;
	width:243px;
	height:64px;
	background-color:#DEE8FC;
	margin:0 6px 6px 0;
	border-radius:3px;
	border-bottom:1px solid #6087C9;
	border-right:1px solid #88A4D6;
}

.iconset-small:hover {
	background-color:#BCD0F2;
}

.iconset-small h2 {
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:3px 0 0 0;
	white-space:nowrap;
	overflow:hidden;
}

.s-small-preview {
	float:left;
	border:0px solid red;
	width:48px;
	height:48px;
	margin:4px;
	padding:3px;
	border:1px solid #88A4D6;
	background-color:#fff;
	border-radius:3px;
	text-align:center;
}

.s-small-preview img {
}

.s-small-text {
	float:left;
	border:0px solid red;
	width:179px;
	font-size:12px;
}

.s-small-text-author {
	font-size:10px;
	font-weight:bold;
	padding:0;
	line-height:0.8;
	margin:0 0 6px 0;
}
/* ----- IconSet Detail ----- */
.iconset-detail-preview {
	display:inline-block;
	loat:left;
	osition:relative;
	order: 0px solid #c5c5c5;
	order-top-width:2px;
	order-bottom-width:2px;
	margin:5px;
	border-radius:20px;
	padding:10px;
	background-color:#ffffff;
}

/* ----- Icon List & Detail ----- */
.icondetail {
	display:inline-flex;
	flex-direction:column;
	margin:3px;
	color:#FFFFFF;
	ackground:#FFF;
	border:1px solid #E5E5E5;
	border-radius:15px;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNmNmY2ZjYiPjwvcmVjdD4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNmNmY2ZjYiPjwvcmVjdD4KPC9zdmc+");
}

.icondetail:hover {
	border-color:#c5c5c5;
	background-color:#fdf5c4;
}

.icondetail a {
 	color:#FFFFFF;
	text-decoration:none;
}

.icondetail a img {
 	margin:12px;
	transition: transform .2s; /* Animation */
}

.icondetail a img:hover {
	transform: scale(1.033);
}

.icondetail .links {
	border:0px solid blue;
}

.icondetail .links .detail {
	float:right;
	color:#333;
	text-align:right;
	font-size:11px;
	display:none;
	margin-top:1px;
}

.icondetail:hover .links .detail {
	display:block;
}

.icondetail .links .detail a{
	background-color:#f6f6f6;
	color:#666;
	padding:2px 5px 3px 5px;
}

.icondetail .links .detail a:hover{
	background-color:#0ca53b;
	color:#FFFFFF;
}

.icondetail .links .detail .lastitem {
	border-radius:0px 3px 0px 0px;
}

.icondetail .links .detailmenu {
	position:absolute;
	margin:17px 0 0 -130px;
	border:1px solid red;
	border-radius:2px;
	width:160px;
	color:#666;
	background-color:#FFF;
	text-align:left;
	padding:3px;
}

.icondetail .links .fav {
	float:left;
	background:url(../images/ia/buttons/fav.gif) no-repeat;
	width:18px;
	height:18px;
}

.mastericon {
	display:flex;
	justify-content:center;
	margin:3px;
	padding:30px;
	ackground:#FFF;
	border:1px solid #E5E5E5;
	border-radius:15px;
}

.icondetail-infobox {
	text-align:left;
	background-color:#ffffff;
	padding:20px;
	border-radius:20px;
	margin:5px;
	max-width:500px;	
}

@media screen and (max-width: 1000px) {
	.icondetail-infobox {
		max-width:300px;	
	}
}


.alticon {
	margin:3px 10px;	
}

.icon512 img {
	display:inline-block;
}

.donatebutton {
	display:inline-block;
	margin:10px 0 0 0;
	padding:2px 14px 2px 30px;
    border: 1px solid #fd9d42;
	border-radius:18px;
	font-size:15px;
	font-weight:500;
	cursor:pointer;
	text-decoration:none;
	color:#3b5998;
	background:#fcda7a url(../images/icons/coins.png) no-repeat;
	background-position: 10px center;
}
.donatebutton:hover {
	background-color:#f7cc53;
}
.donatebuttonsimple {
	display:inline-block;
	margin:0 0 0 5px;
	padding:1px 9px 1px 28px;
    border: 1px solid #c3a141;
	border-radius:15px;
	font-size:15px;
	font-weight:400;
	cursor:pointer;
	text-decoration:none;
	color:#3b5998;
	background:#f7dc91 url(../images/icons/coins.png) no-repeat;
	background-position: 10px center;
}

/* Pagination  */
.pagination-bar {
	background-color:#f0f0f0;
	border-radius:3px;
	margin:0 0 5px 0;
}

.pagination-bar .intro{
	padding:8px 6px 0px 9px;
}

.pagination {
	display: flex;
    flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	margin:4px 2px;	
}
.pagination a.prev,.pagination a.prev-inactive,.pagination a.next,.pagination a.next-inactive,.pagination a.num,.pagination a.num-active,.pagination a.dot {
	display:block;
	float:left;
	padding:2px 7px;
	margin:0px 3px;
	background:#ffffff;
	border:0px solid #4769a4;
	border-radius:4px;
	color:#4769a4;
	text-decoration:none;
}
.pagination a.dot {
	border-color:transparent;
	background:none;
	padding: 3px 0 0;
}
.pagination a.prev-inactive,.pagination a.next-inactive {
	border:1px solid #cccccc;
	color:#cccccc;
}
.pagination a.prev:hover,.pagination a.next:hover,.pagination a.num:hover,.pagination a.num-active:hover {
	color:#FFFFFF;	
	border-color:#4769a4;
	background:#4769a4;
}

.pagination a.num-active {
	color:#FFFFFF;
	font-weight:bold;
	background:#8caeeb;
}

/*  Feature Icon Detail Color Background Changer  */
.icondetail-colors {
	display:flex;
	justify-content:center;
	margin:10px 10px 10px 10px;
}

.icondetail-colors div {
	width:30px;
	height:30px;	
}
.icondetail-colors div:hover {
	cursor:pointer;	
}


/***********************************************/
/* Footer                                      */
/***********************************************/
#footer {
	text-align:center;
	padding:15px 0 200px 0;
	/*min-width:1030px;*/
	font-size:14px;
	background-color:#eeece2;
	color:#333;
}
#footer a {
	color:#555;
}

#bottomnav {
	padding: 10px 4px 15px;
}
#bottomnav li {
	margin: 0;
	display: inline;
	list-style-type: none;
}
#bottomnav a:link, #bottomnav a:visited {
	border: 0px solid #ccc;
	border-bottom: 0px solid #fff;
	text-decoration: none;
	}
#bottomnav a:hover {
	text-decoration:underline;
}

/*   Contact Form          */
form.contact {
	margin-left:20px;
	
}

.contact label {
	display:block;
	font-size:18px;
	color:#3B5998;
	margin-top:10px;
}

.contact input,
.contact textarea {
	display:block;
	max-width:500px;
	width:90%;
	padding:5px;
	font-size:16px;
	border:1px solid #88A4D6;
	border-radius:5px;
}

.contact textarea {
	max-width:680px;
	width:90%;
}

.errormessage {
	display:inline-block;
	font-weight:bold;
	color:#990000;
	margin-top:5px;
}

.category-item-link {
	text-decoration:none;
	display:inline-block;
	padding:5px 5px;
}

.subpage-browse-table td {
    vertical-align: top;
	padding:5px 10px 5px 0;
}
.subpage-browse-table a {
	font-weight:bold;	
}

.alphalist div{
  display:inline-block;
  width:280px;
  margin-left:10px;	
}


/* Display Helper Break Points to Hide Elements */
@media screen and (max-width: 1800px) {
	.hidden-under-1800 {
		display:none !important;
	}
}
@media screen and (max-width: 1800px) {
	.hidden-under-1800 {
		display:none !important;
	}
}
@media screen and (max-width: 1600px) {
	.hidden-under-1600 {
		display:none !important;
	}
}
@media screen and (max-width: 1400px) {
	.hidden-under-1400 {
		display:none !important;
	}
}
@media screen and (max-width: 1300px) {
	.hidden-under-1300 {
		display:none !important;
	}
}
@media screen and (max-width: 1200px) {
	.hidden-under-1200 {
		display:none !important;
	}
}
@media screen and (max-width: 1100px) {
	.hidden-under-1100 {
		display:none !important;
	}
}
@media screen and (max-width: 1000px) {
	.hidden-under-1000 {
		display:none !important;
	}
}
@media screen and (max-width: 900px) {
	.hidden-under-900 {
		display:none !important;
	}
}
@media screen and (max-width: 800px) {
	.hidden-under-800 {
		display:none !important;
	}
}
@media screen and (max-width: 700px) {
	.hidden-under-700 {
		display:none !important;
	}
}
@media screen and (max-width: 600px) {
	.hidden-under-600 {
		display:none !important;
	}
}
@media screen and (max-width: 500px) {
	.hidden-under-500 {
		display:none !important;
	}
}
@media screen and (max-width: 400px) {
	.hidden-under-400 {
		display:none !important;
	}
}
@media screen and (max-width: 320px) {
	.hidden-under-320 {
		display:none !important;
	}
}
@media screen and (max-width: 250px) {
	.hidden-under-250 {
		display:none !important;
	}
}
@media screen and (max-width: 200px) {
	.hidden-under-200 {
		display:none !important;
	}
}



/* Display Helper Break Points, Mobile CSS First, Big Screen CSS Last*/
@media screen and (min-width: 400px) {
	.topnav a {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (min-width: 400px) {
}
@media screen and (min-width: 500px) {
	.topnav-search-wrap {
		margin:0px 5px 0px 5px;
	}
}
@media screen and (min-width: 600px) {
	.topnav-search-wrap {
		margin:0px 10px 0px 5px;
	}
}
@media screen and (min-width: 700px) {
}
@media screen and (min-width: 800px) {
}
@media screen and (min-width: 900px) {
}
@media screen and (min-width: 1000px) {
}
@media screen and (min-width: 1100px) {
	.topnav a {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (min-width: 1200px) {
	.topnav a {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media screen and (min-width: 1300px) {
	.topnav a {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (min-width: 1400px) {
	.topnav a {
		padding-left: 40px;
		padding-right: 40px;
	}
	.topnav-search-wrap {
		margin:0px 20px 0px 10px;
	}
	.topnav-menu-button {
	padding-right:24px;
    padding-left:16px;
	}

}
@media screen and (min-width: 1500px) {
	.topnav a {
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media screen and (min-width: 1600px) {
	.topnav a {
		padding-left: 55px;
		padding-right: 55px;
	}
}
@media screen and (min-width: 1800px) {
}

.flier {
	pointer-events: none;
}
.flier > * {
/* Adjust animation duration to change the element’s speed */
        animation: fly 50s linear infinite;
        pointer-events: none !important;
	top: 0;
	left: 0;
	transform: translateX(-120%) translateY(-120%) rotateZ(0);
	position: fixed;
	animation-delay: 1s;
	z-index: 999999;
}

 /* Keyframe values control where the element will begin
    and end its trajectory across the screen. Each rule
    represents a path the element follows across the screen. */
@keyframes fly {
	98.001%, 0% {
                display: block;
		transform: translateX(-200%) translateY(100vh) rotateZ(0deg)
	}
	15% {
		transform: translateX(100vw) translateY(-100%) rotateZ(180deg)
	}
	15.001%, 18% {
		transform: translateX(100vw) translateY(-30%) rotateZ(0deg)
	}
	40% {
		transform: translateX(-200%) translateY(3vh) rotateZ(-180deg)
	}
	40.001%, 43% {
		transform: translateX(-200%) translateY(-100%) rotateZ(-180deg)
	}
	65% {
		transform: translateX(100vw) translateY(50vh) rotateZ(0deg)
	}
	65.001%, 68% {
		transform: translateX(20vw) translateY(-200%) rotateZ(180deg)
	}
	95% {
		transform: translateX(10vw) translateY(100vh) rotateZ(0deg)
	}
}

/* Doge Rocket Animation */
.flier-rocket {
	pointer-events: none;
}
.flier-rocket > * {
/* Adjust animation duration to change the element’s speed */
        animation: flyrocket 40s linear infinite;
        pointer-events: none !important;
	top: 0;
	left: 0;
	transform: translateX(-120%) translateY(-120%);
	position: fixed;
	animation-delay: 1s;
	z-index: 999999;
}
@keyframes flyrocket {
	98.001%, 0% {
        display: block;
		transform: translateX(-200%) translateY(100vh)
	}
	15% {
		transform: translateX(100vw) translateY(-100%)
	}
	15.001%, 18% {
		transform: translateX(-300%) translateY(50vh)
	}
	40% {
		transform: translateX(100vw) translateY(-100%)
	}
	40.001%, 43% {
		transform: translateX(-200%) translateY(70vh)
	}
	65% {
		transform: translateX(100vw) translateY(-100%)
	}
	65.001%, 68% {
		transform: translateX(-200%) translateY(85vh)
	}
	98% {
		transform: translateX(100vw) translateY(-100%)
	}
}