/* fonts */
@font-face {font-display:swap; font-family:'Nunito Sans'; font-style:normal; font-weight:300; src:url('../fonts/nunito-sans-v15-latin-300.eot'); src:url('../fonts/nunito-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/nunito-sans-v15-latin-300.woff2') format('woff2'), url('../fonts/nunito-sans-v15-latin-300.woff') format('woff'), url('../fonts/nunito-sans-v15-latin-300.ttf') format('truetype'), url('../fonts/nunito-sans-v15-latin-300.svg#NunitoSans') format('svg');}
@font-face {font-display:swap; font-family:'Nunito Sans'; font-style:normal; font-weight:400; src:url('../fonts/nunito-sans-v15-latin-regular.eot'); src:url('../fonts/nunito-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'), url('../fonts/nunito-sans-v15-latin-regular.woff') format('woff'), url('../fonts/nunito-sans-v15-latin-regular.ttf') format('truetype'), url('../fonts/nunito-sans-v15-latin-regular.svg#NunitoSans') format('svg');}
@font-face {font-display:swap; font-family:'Nunito Sans'; font-style:normal; font-weight:700; src:url('../fonts/nunito-sans-v15-latin-700.eot'); src:url('../fonts/nunito-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/nunito-sans-v15-latin-700.woff2') format('woff2'), url('../fonts/nunito-sans-v15-latin-700.woff') format('woff'), url('../fonts/nunito-sans-v15-latin-700.ttf') format('truetype'), url('../fonts/nunito-sans-v15-latin-700.svg#NunitoSans') format('svg');}

/* reset */
* {box-sizing:border-box; margin:0; padding:0;}
*, *::before, *::after {box-sizing:inherit;}

/* global */
html {height:100%; min-height:100%; box-sizing:border-box;}
body {height:100%; min-height:100%; font-family:'Nunito Sans', sans-serif; font-size:13px; color:#3e454c; background:#edf0f0; line-height:1;}
div, ul {position:relative;}
a {color:#1784c7;}
.center {text-align:center;}
.bottom {margin-bottom:18px !important;}
.clear {clear:both;}

.delete {display:block; float:right; margin-right:6px; width:16px; height:100%; background:url('trash.svg') 50% no-repeat; background-size:16px; overflow:hidden; text-indent:999px; opacity:.3;}
tr:hover .delete {opacity:1;}

.hidden {display:none; padding:0 0 0 18px;}

.warning {position:relative; display:block; padding-left:24px; color:#ffc20f;}
.warning a {color:#ffc20f;}
.warning::before {display:block; content:''; position:absolute; left:0; top:-2px; width:16px; height:16px; background:url('alert.svg') no-repeat; background-size:16px;}

input.error, textarea.error {border:1px solid #f77673 !important;}
input.error:focus, textarea.error:focus {box-shadow:0 0 5px rgba(247,118,115,.6), inset 2px 2px 2px -1px rgba(0,0,0,.1)!important;}

b, .bold {font-weight:700;}
.red {color:#ed1b24;}
.yellow {color:#fece3e;}
.green {color:#a0d468;}

td svg {width:14px; height:14px; color:#3e454c;}

/* login */
.box.login {align-self:center; margin:3%!important;}
.box.login .container {margin:-18px -18px 18px -18px; height:100px; overflow:hidden; background:#1784c7; text-align:center;}
.box.login .logo {margin:18px auto 8px; width:80px; height:42px; background:url('paperplane.svg') no-repeat; background-size:80px; z-index:3;}
.box.login h1 {position:relative; color:#fff; font-size:18px; font-weight:300;z-index:4;}
div > input + svg {position:absolute; top:11px; right:10px; width:14px; height:14px; color:#95aac9; user-select:none; cursor:pointer;}
.fly {position:absolute; background-image:url('mail.svg'); background-size:100%; background-repeat:no-repeat; background-position:center; opacity:0; transition:opacity 1s ease, transform 1s ease-out; z-index:2;}
/* animation */
@keyframes fly-right { 0% {left:-30px;} 100% {left:100%;} }
@keyframes fly-left { 0% {right:-30px;} 100% {right:100%;} }

/* headings */
h2, h3 {text-transform:uppercase;}
h2 {font-size:16px; padding:0 0 10px 0; cursor:default;}
h2 span {font-weight:300; color:#888;}
h3 {font-size:11px; padding:0 0 20px 0; color:#3e454c;}
h3 a {color:#3e454c; border-bottom:1px dotted #3e454c;}

/* facebox modal */
#facebox {position:absolute; top:0; left:0; z-index:100; text-align:left; display:none;}
#facebox .popup {display:block; position:relative; margin-bottom:50px;}
#facebox .content {padding:18px; background:#fff; border:1px solid; border-color:#eff0f1 #dfe0e4 #d0d1d5 #dfe0e4; border-radius:2px; min-width:400px;}
#facebox h3 {padding:20px 0 0 0;}
.close {position:absolute; top:0; right:0; padding:10px; opacity:.3; z-index:103;}
.close:hover {opacity:1;}
#facebox .loading {text-align:center; padding:100px; background:#fff;}
#facebox_overlay {position:fixed; top:0; left:0; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color:#000; z-index:99;}
#facebox p {margin:1em 0;}
#facebox a:hover {text-decoration:underline;}
#facebox .button:hover {text-decoration:none;}

/* forms */
.form {margin:18px 0 0 0;}
.form p {position:relative; margin:0 0 4px 0; font-size:12px;}
.form b {display:inline-block; margin-bottom:18px;}

/* inputs */
input, select, textarea, button {font-family:'Nunito Sans', sans-serif;}
label {display:inline-block; margin-bottom:18px;}
.form input, .form textarea, .form select {font-size:13px; color:#3e454c;}
.form textarea {max-height:385px; resize:vertical; overflow:auto; margin-bottom:18px;}
.form select {cursor:pointer; margin-bottom:18px;}
input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="checkbox"] + label::before, input[type="radio"] + label::before {box-shadow:inset 2px 2px 2px -1px rgba(0,0,0,.1);}
.form input[type="text"], .form input[type="password"], .form input[type="email"], .form textarea, .form select {width:100%; padding:8px; border:1px solid #cfd9db; background-color:#fff; border-radius:2px; margin-bottom:18px;}
.form input.small, .form textarea.small, .form select.small {width:15%;}
.form input.medium, .form textarea.medium, .form select.medium {width:48%;}
.form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="email"]:focus, .form textarea:focus, .form select:focus {border-color:rgba(44,151,222,.6); box-shadow:0 0 5px rgba(44,151,222,.6), inset 2px 2px 2px -1px rgba(0,0,0,.1);}
input[type=radio], input[type=checkbox] {left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); margin:0; padding:0; opacity:0; z-index:2;}

/* checkbox + radio */
input[type="radio"] + label, input[type="checkbox"] + label {cursor:pointer; font-size:13px; padding:0 8px; user-select:none;}
input[type="radio"] + label::before, input[type="radio"] + label::after, input[type="checkbox"] + label::before, input[type="checkbox"] + label::after {display:block; content:' '; position:absolute; left:0; top:0; width:16px; height:16px;}
input[type="radio"] + label::before, input[type="checkbox"] + label::before {border:1px solid #cfd9db; background:#fff;}
input[type="radio"] + label::before, input[type="radio"] + label::after {border-radius:50%;}
input[type="checkbox"] + label::before, input[type="checkbox"] + label::after {border-radius:2px;}
input[type="radio"] + label::after, input[type="checkbox"] + label::after {background-color:#2c97de; background-position:center center; background-repeat:no-repeat; box-shadow:0 2px 2px -1px rgba(0,0,0,.3); display:none;}
input[type="radio"] + label::after {background-image:url('radio.svg');}
input[type="checkbox"] + label::after {background-image:url('check.svg');}
input[type="radio"]:focus + label::before, input[type="checkbox"]:focus + label::before {box-shadow:0 0 5px rgba(44,151,222,.6), inset 2px 2px 2px -1px rgba(0,0,0,.1);}
input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::after {display:block;}
input[type="radio"]:checked + label::before, input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::before, input[type="checkbox"]:checked + label::after {-webkit-animation:cd-bounce 0.3s; -moz-animation:cd-bounce 0.3s; animation:cd-bounce 0.3s;}

/* form animations */
@-webkit-keyframes cd-bounce { 0%, 100% {-webkit-transform:scale(1);} 50% {-webkit-transform:scale(0.8);} }
@-moz-keyframes cd-bounce { 0%, 100% {-moz-transform:scale(1);} 50% {-moz-transform:scale(0.8);} }
@keyframes cd-bounce { 0%, 100% {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);} 50% {-webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8);} }

/* buttons */
.buttons {clear:both;}
.buttons .cancel {float:right; line-height:36px; font-size:12px; margin-right:18px;}
input[type="submit"], input[type="button"], button, .button {display:inline-block; padding:10px 40px; border:none; border-radius:2px; background-color:#1784c7; box-shadow:0 2px 2px -1px rgba(0,0,0,.3); color:#fff; font-size:12px; font-weight:700; cursor:pointer; user-select:none;}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover {background-color:#1a93de;}
input.wait, input.wait:hover, button.wait, button.wait:hover {background:url('wait.svg') 50% no-repeat #1784c7; cursor:wait; overflow:hidden; color:#1784c7; text-shadow:none;}
input[type="submit"]:active, input[type="button"]:active, button:active, .button:active {transform:translateY(2px);}

header {width:100%; height:45px; top:0; background:#3e454c; box-shadow:0 1px 3px rgba(0,0,0,.2); z-index:2;}
header .logo {display:block; float:left; width:200px; height:100%; background:url('paperplane.svg') 20px 45% no-repeat transparent; background-size:45px;}
header .logo span {display:block; font-size:15px; color:#fff; margin:15px 70px;}
main {display:table; table-layout:fixed; width:100%; height:100%; min-height:100%;}
main::before {display:none; content:'mobile';}

/* mobile only navigation */
#mobile {float:right; position:relative; display:block; width:34px; height:44px; margin-right:5%; overflow:hidden; white-space:nowrap; color:transparent; z-index:2;}
#mobile span, #mobile span::before, #mobile span::after {position:absolute; display:inline-block; height:3px; width:24px; background:#fff;}
#mobile span {position:absolute; top:47%; right:0;}
#mobile span::before, #mobile span::after {content:''; right:0; transform:translateZ(0); transform-origin:0% 50%; transition:transform 0.2s;}
#mobile span::before {top:-6px;}
#mobile span::after {top:6px;}
#mobile.is-visible span {background:rgba(255,255,255,0);}
#mobile.is-visible span::before, #mobile.is-visible span::after {background:white;}
#mobile.is-visible span::before {transform:translateX(4px) translateY(-3px) rotate(45deg);}
#mobile.is-visible span::after {transform:translateX(4px) translateY(2px) rotate(-45deg);}

/* top menu */
nav {display:none;}
#top > li > a::before {display:none;} /* mobile menu */
#top > li a {padding:15px 5%;} /* mobile menu */
#top li a svg {display:inline-block; margin:0 8px 0 0; width:18px; height:18px; color:#646a6f; vertical-align:-4px;}

/* side menu */
#sidebar {position:absolute; left:0; top:0; width:100%; z-index:1; background:#2c3136; visibility:hidden; opacity:0; overflow:hidden;}
#sidebar.is-visible {visibility:visible; opacity:1; overflow:visible; transition:opacity .2s 0s, visibility .2s 0s;}
#sidebar ul a {display:block; padding:16px 20px; position:relative; color:#fff; font-size:15px; border-bottom:1px solid #373d44;}
#sidebar ul a svg {margin-right:8px; width:18px; height:18px; color:#646a6f; vertical-align:-3px;}
	/* counter boxes */
	#sidebar .count {float:right; padding:3px 6px; border-radius:1px; background:#1784c7; font-size:10px; font-weight:700; text-align:center;}
	#sidebar .count.orange {background:#f37020;}
	/* arrows */
	#sidebar .arrow {float:right; margin:0 0 0 20px; transition:linear .15s;}
	#sidebar .selected > a .arrow {transform:rotate(180deg);}
	/* mobile menu */
	#sidebar ul ul {position:relative; width:100%; display:none; background:#1c1f22; padding:0;}
	#sidebar .selected > ul {display:block;}
	#sidebar ul .domains a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	#sidebar ul ul a {border:none; padding-left:48px;}
	#sidebar ul ul ul a {padding-left:68px;}
	#sidebar ul ul ul ul a {padding-left:88px;}
	#sidebar ul ul a, #sidebar ul ul ul a, #sidebar ul ul ul ul a {text-align:left; white-space:nowrap;}
	/* labels */
	#sidebar .label {display:block; padding:8px 20px; text-transform:uppercase; font-size:10px; font-weight:700; color:#646a6f; letter-spacing:.1em; margin:24px 0 0 0; cursor:default;}
	#sidebar .label:first-child {margin-top:12px;}
	/* button */
	#sidebar .action-btn {margin:8px 5%;}
	#sidebar .action-btn input {width:90%; padding:10px 0;}
	/* impressum + warning */
	#sidebar .impressum {display:none; margin:20px auto; font-size:9px; color:#646a6f; text-align:center;}
	#sidebar .impressum span {display:none; margin-top:8px; color:#e3b95d; font-weight:700;}
	#sidebar .impressum span svg {width:16px; height:16px; vertical-align:-5px; margin-right:4px;}

/* content */
#content {display:table-cell; padding:2% 5% 0 5%; width:100%;}

	/* boxes */
	.box, .box.medium, .box.large {width:100%; padding:18px;}
	.box.large {float:none;}
	.box {float:left; display:block; overflow:hidden; background:#fff; margin:0 3.5% 3% 0; border-radius:2px;}
	.box:nth-child(3), .box:last-child {margin-right:0;}
	.box .grey {border-top:1px solid #f2f2f2; background:#f9fafa; padding:18px; margin:0 -18px -18px -18px;}
	.box .grey div {display:inline-block; width:32%; text-align:center; color:#acacac; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.box .grey span {font-size:18px; color:#3e454c; line-height:120%;}

	/* tables */
	table {display:table; table-layout:fixed; width:100%; width:100%; margin-bottom:18px; text-align:left;}
	table th {color:#acacac; cursor:default; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:300;}
	table td {position:relative; height:32px;}
	table td a {display:block;}
	table tbody tr:nth-child(even) {background:#f9fafa;}
	table tbody tr:hover {background:#f2f2f2;}
	table th:nth-child(1) {text-indent:10px;}
	table td a:nth-child(1) {padding-left:10px;}

	table#queue {min-width:700px;}
	table#queue th:nth-child(1), table#queue td:nth-child(1) {width:10%; padding-right:1%;}
	table#queue th:nth-child(2), table#queue th:nth-child(5), table#queue td:nth-child(2), table#queue td:nth-child(5) {width:17%; padding-right:1%;}
	table#queue th:nth-child(3), table#queue th:nth-child(4), table#queue td:nth-child(3), table#queue td:nth-child(4) {width:23%; padding-right:1%;}
	table#queue th:nth-child(6), table#queue td:nth-child(6) {width:6%;}
	table#queue td:nth-child(7) {width:4%;}
	table#queue td:nth-child(7) a::after {display:block; content:''; width:16px; height:16px; background:url('trash.svg') no-repeat; background-size:16px;}
	table#queue th, table#queue td {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	table#queue tbody tr td {font-size:12px;}
	.empty td {text-align:center; padding:50px 0;}
	.empty:hover {background:none;}

	/* chartist */
	.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {stroke:#85cae7;}
	.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {fill:#85cae7;}
	.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {stroke:#33a7d8;}
	.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {fill:#33a7d8;}
	.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {stroke:#1784c7;}
	.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {fill:#1784c7;}

	.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {stroke:#1784c7;}
	.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {fill:#1784c7;}
	.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {stroke:#ffc20f;}
	.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {fill:#ffc20f;}
	.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {stroke:#f37020;}
	.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {fill:#f37020;}

	.ct-label {font-size:18px;}
	.ct-line {stroke-width:1px;}
	.chartist-tooltip {position:absolute; float:left; min-width:30px; max-width:300px; border-radius:2px; background:#3e454c; color:#fff; font-size:12px; text-align:left; line-height:18px; pointer-events:none; opacity:0;}
	.chartist-tooltip.tooltip-show::after {position:absolute; left:50%; bottom:-3px; content:' '; height:0; margin-left:-3px; border-right:6px solid transparent; border-left:6px solid transparent; border-top:4px solid #3e454c; line-height:0;}
	.chartist-tooltip.tooltip-show {padding:6px 12px; opacity:1;}
	.ct-area, .ct-line {pointer-events:none;}
	.ct-vertical {font-size:9px;}

	/* tablesorter */
	.tablesort thead {user-select:none;}
	.tablesort th {position:relative;}
	.tablesort th::after {position:absolute; content:' '; width:13px; height:13px; top:33%; margin-left:5px; background:url('arrow.svg'); background-size:100%; opacity:.5;}
	.tablesort th:hover {color:#3e454c; cursor:pointer;}
	.tablesort th:hover::after {opacity:1;}
	.tablesort th.sorting-asc::after {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
	.no-sort th, .tablesort th.no-sort {cursor:default;}
	.no-sort th::after, .tablesort th.no-sort::after {display:none;}

	/* bar */
	.bar {width:90%; height:13px; background:#f0f0f0; border-radius:2px;}
	.bar div {height:100%; border-radius:2px;}

	/* log viewer */
	#results {width:100%; max-height:500px; margin-top:18px; font-size:12px; color:#3e454c; overflow:auto;}
	#results > div {clear:both; min-width:900px; margin-bottom:4px;}
	#results > div span {display:inline-block; border-bottom:1px dotted; font-weight:700;}
	#results > div ul {padding:8px 0; display:table; width:100%;}
	#results > div ul li {display:table-row;}
	#results > div ul li:hover {background:#f2f2f2;}
	#results > div ul li div {display:table-cell; padding:0 8px; line-height:16px;}
	#results > div ul li div:first-child {width:180px;}
	#results > div ul li div em {font-style:normal; color:#ff7e66;}
	#results > div sup {font-size:9px;}
	#results > div ul li.sent {color:#1784c7;}
	#results > div ul li.recieved {color:#87c442;}

/* tablet */
@media only screen and (min-width:768px) {
	header {position:fixed; height:55px;}
	header .logo {width:110px; background-size:55px; background-position:50%; background-color:#1784c7;}
	header .logo span {display:none;}
	#mobile {display:none;} /* hide on tablet and desktop */

	/* main */
	main {margin-top:55px;}
	main::before {content:'tablet';}

	/* breadcrumbs */
	nav {display:block; float:left; height:100%; position:relative; color:#868D92; font-size:12px;}
	nav .breadcrumbs {float:none; padding-left:20px; overflow:hidden;}
	nav .breadcrumbs a {display:inline-block; padding:21px 0; color:#868D92;}
	nav .breadcrumbs a:hover {text-decoration:underline;}

	#top li a {float:right; display:block; color:#fff; padding:0 38px 0 26px; line-height:55px;}
	#top .has-children {background:#2c3136;}
	#top .has-children > a::after {right:18px;}

	/* side menu */
	#sidebar {display:table-cell; vertical-align:top; position:relative; width:110px; height:100%; min-height:100%; visibility:visible; opacity:1; overflow:visible;}
	/*#sidebar.is-fixed {position:fixed; bottom:0;}*/
	#sidebar ul a {padding:28px 0; text-align:center; font-size:12px; overflow:hidden; text-overflow:ellipsis;}
	#sidebar ul a:hover {background:#25292D;}
	#sidebar ul a svg {display:block; width:20px; height:20px; margin:0 auto 8px auto; vertical-align:unset;}
	#sidebar span.active {display:inline-block; overflow:hidden; text-overflow:ellipsis;}
		/* active (tablet + desktop) */
		#sidebar > ul > li.active > a {box-shadow:inset 3px 0 0 #1784c7; background:#33383e;}
		/* counter boxes */
		#sidebar > ul > li > a > .count {position:absolute; top:20px; right:20px;}
		#sidebar .count {margin:-3px 0 0 0;}
		/* arrows */
		#sidebar > ul > li > a > .arrow {display:none;}
		#sidebar .arrow {margin:-3px 0 0 0; transform:rotate(-90deg);}
		#sidebar .selected > a .arrow {transform:rotate(90deg);}
		/* tablet menu */
		#sidebar ul li {position:relative;}
		#sidebar ul ul {position:absolute; top:0; left:100%; width:auto; min-width:160px; max-width:320px; padding:8px;}
		#sidebar > ul > li > ul::before {position:absolute; content:''; top:40px; left:-10px; width:10px; height:20px; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #1c1f22 transparent transparent;}
		#sidebar ul ul a, #sidebar ul ul ul a, #sidebar ul ul ul ul a {padding:12px;}
		/* labels */
		#sidebar .label {display:none;}
		/* button */
		#sidebar .action-btn {margin:28px 5%;}
		/* impressum */
		#sidebar > a.impressum {display:block;}
}

/* desktop */
@media only screen and (min-width:1170px) {
	header .logo {width:200px; background-position:20px 50%;}
	header .logo span {display:block; margin:20px 80px;}
	main::before {content:'desktop';}

	/* side menu */
	#sidebar {width:200px;}
	#sidebar ul a {padding:12px 0 12px 20px; text-align:left; border-bottom:none; text-overflow:ellipsis;}
	#sidebar ul a svg {display:inline-block; margin:0 8px 0 0; width:18px; height:18px; color:#646a6f; vertical-align:-4px;}
		/* counter boxes */
		#sidebar > ul > li > a > .count {position:relative; top:2px;}
		/* desktop menu */
		#sidebar > ul > li > ul::before {top:12px;}
		#sidebar .has-children.active > ul, #sidebar .has-children:hover > ul {display:block;}
		#sidebar .has-children.active > ul {position:relative; display:block; width:100%; left:0; margin-left:0; box-shadow:none; padding-left:24px;} /* active */
		/* labels */
		#sidebar .label {display:block;}
		/* button */
		#sidebar .action-btn {margin:8px 5%;}
		/* impressum + warning */
		#sidebar .impressum span {display:block;}

	/* content */
	.box {min-width:260px; width:31%;}
	.box.medium {width:47%;}
}