/*layout */
.article_inv img {float:left;width:50%;height:auto;padding:0 10px 0 0;}
body {padding:0;margin:0;}
.border_down {border-bottom:1px solid #ddd;}
.border_up {border-top:1px solid #ddd;}
.clear_left {clear:left;}
.edit {font-size: 1em;position: absolute;top: 0px;right: 0px;z-index: 11;text-transform: uppercase;padding:0.1em 0 0 0;}
form input.nav_logout {padding:0.5em;border:none;}
hr {border:1px 0 0 0;}
h4.upper {padding:0.3em 0 2px 1em;margin:1em 0 3px 0;clear;both;}
.img50 {width: 50px;height: 50px;float: left;padding-right: 1em;}
.inventar_list .item {clear:both;margin:0 1px;}
.inventar_list .item img {width: 48px!important;height: 48px!important;margin-right:20px;border-radius:10px;}
.inventar_list h2 {padding:0.3em 0 5px 0.3em!important;}
.inventar_list h4 {clear: both;padding:2em 0 5px 1em!important;border-bottom:1px solid #000;border-top: 1px solid #ddd;margin:1em 0 1em 0;text-transform:uppercase;font-weight:normal;}
.inventar_list p {padding:0;margin:0;}
.item {clear:both;padding:1px 0;margin:1px 0;}
.item h2 {margin: 0;padding: 0;}
.item .left {padding-left: 0.3em;}
.item_bilder {width: 14%;float: left;padding: 0;margin:0 0.1% 1% 0;}
.item_bilder img {width: 100%;height: 100%;margin:0;padding:0;border-radius: 10px;}
.item_bilder_title {text-align: center; margin:0 0 0 1%;white-space:nowrap;}
.list_item {padding-right:20px;}
.left {float:left;white-space:nowrap;}
.list_title {clear:both;}
.list_top, .list_sn {display:none;}
li {list-style:none;}
main {padding-top:5em;}
.members-page img {width:25%!important;height:auto;}
.nav_center {margin:1em 2em 0 0}
.nav_main a {padding:0 0.5em;}
.right {float:right;}
.search {float:left;margin:1em 0.4em 0.5em 0;}
.search form {height:20px;}
.search input {font-size:1em;border-radius:20px;border: none;}
.search-list {font-weight:normal;}
.search-list p {float:left;padding:0 1em 0 0;margin:0;}
.signal {float: left;width: 0.8em;height: 0.8em;margin:2px 0.5em 0 0;border-radius:10px; text-align:center;border-top:1px solid #000;}
.site-footer {margin:0 0 2em 0;border-top: 1px solid #000;font-size:12px;width:80%;margin-left:9%;}
.site-header, .site-header h1 {margin:0;padding:0;}
.textliste {clear:both;border-bottom:1px solid #ccc;}
.textliste div img {width:50px;height:50px;}
.textliste li {margin-right:1.2%;}
.textliste p {padding:0;margin:0;}
ul {padding:0;margin:0;}
.ul_up {white-space:nowrap;padding:0.5em 0;border-bottom:1px solid black;}
.upper {text-transform:uppercase;}
.wrapper {margin:0 0 0 9%;padding:0;width:80%;}


/* typography & color */
.btn {background-color: #000; color: white;font-size:1em;}
body {font-family: Abel, sans-serif;font-size:1.2em;letter-spacing:0.03em;background-color: #a4e2f2;color:#334;}
.desc, .inventar_list p, small {font-size:0.8em;line-height:0.7em;}
.gold {background-color: #D4AF37;}
.green {background-color: #29b830;}
.item_bilder_title {font-size:0.6em;}
nav {background-color:#fff;}
.site-header h1 {font-size: 3em;font-weight: normal!important;font-family: Abel;}
.search input {background:#329eb9;color:#fff;}
.textliste {font-size:0.8em;}

/* links */
.edit a {padding:0.9em 0.4em 0.6em 1.5em;background-color:#000!important;color:#fff;border-radius: 0px 0px 0px 200px;}
a {color:#fff;text-decoration:none;font-weight:bold;}
.search-list a, .inventar_list h4 {font-weight:normal!important;}
main a:hover {background-color:#000;}
.btn a {margin:0;padding:0;}
.btn a, h1 a, .site-navigation {color:#fff;font-weight:normal;}
h1 a:hover {color:#000;text-decoration:none;}
.textliste h4 a {font-weight:bold;}

@media only screen and (max-width: 40em) {
header h3 {display:none;}
header {font-size:0.8em;}
h1 {font-size:1.3em;}
.item_bilder {width:19%;float:left;padding:0;margin:0 1% 1% 0;}
.item_bilder img {width:100%;height:100%;}
.item_bilder_title {font-size:0.5em;background-color:#f7f7f7;}
main {font-size: 0.8em;}
.search {float:right;margin:0 0 0.5em 0;width:100%;}
.search_input {width:100%;}
.site-header h1 {font-size:1.3em;margin:0 0.2em 0 0;padding:0 0.3em 0.4em 0;}
.wrapper, .site-footer {width:96%;margin-left:2%;}
}


/* dropdown */
.btn {background-color: #000; color: white;border: none; cursor: pointer; border-radius: 0px 0px 200px 0px;}
/* The container <div> - needed to position the dropdown content */
.ansichten {position: relative; display: inline-block;opacity:0.9;float: left;padding:0 0.5em 0 0;margin:0 0.5em 0 0;}

/* Dropdown Content (Hidden by Default) */
.ansichten-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;padding-bottom:1em;}

/* Links inside the dropdown */
.ansichten li {padding: 7px 16px;display: block;}
.ansichten-content a {color: black;text-decoration: none;}
.ansichten-content a:hover {background-color: #f1f1f1;}
.ansichten:hover .ansichten-content {display: block;}
.ansichten:hover .btn, .edit a:hover {background-color: #3e8e41;}

/* fix for div not folding up */
.textliste:after, .item_bilder:after { content: ".";display: block; height: 0;clear: both; visibility: hidden; }

@media print {
body {background-color:white;font-size:0.9em;color:#000;}
a {color:#000;font-weight:normal;}
.list_item {width:50%;float:left;}
.list_sn, .list_top {display:block;}
.list_top {clear: both;border-bottom: 1px solid #000;}
header, nav, .signal, .edit, h1, .list_author, .list_desc, footer {display:none;}
.wrapper {margin:0;padding:0;width:100%;}
.ul_up {page-break-inside : avoid;}
}