body {font-family: 'Lato', sans-serif; background:#fff;}
body, select, input, textarea {color:#717171;}
::-moz-selection{background:#f4003e; color:#fff; text-shadow:none;}
::selection {background:#f4003e; color:#fff; text-shadow:none;} 
ins {background:#fff; color:#f4003e; text-decoration:none;}
.sidebar ins {background:#f4f4f4;}
mark {background:#fff; color:#f4003e; font-style:italic; font-weight:bold;}
input:-moz-placeholder {color:#a9a9a9;}
textarea:-moz-placeholder {color:#a9a9a9;}
.floatleft {float:left;}
.floatright {float:right;}
.wrapper {width:100%; min-width:1270px; max-width:1500px; margin:0 auto; padding:0 2rem;}
.mobile {display:none;}

/* Top */
header {padding-top:1rem;}

hgroup {height:5.625rem;}
hgroup h1, hgroup div {float:left;}
hgroup h1 a, .fade-nav h1 a {display:inline-block; width:214px; height:50px; margin:0 2rem 0 0; background:url(../../img/logo.png) no-repeat left top; text-indent:-5000px;}
hgroup div {border-top:1px solid #dfdfdf; color:#cbcbcb; text-transform:uppercase; font-size:.6rem;}
hgroup div span {display:block; font-size:1rem; font-weight:400; color:#8b989d;}
#search {position:relative; margin:1.1rem 5% 0 2%; border-top:none; text-transform:none;}
#search input[type="text"] {border-radius:3px; border:1px solid #dfdfdf; padding:.6rem 2.2rem; box-shadow:inset 0 0 2px #f2f2f2; font-size:.8rem;}
#search input::-moz-placeholder {color:#717171;}
#search form::before {position:absolute; top:10px; left:12px; font-family:FontAwesome; content:"\f002"; font-size:1.0rem; color:#717171;}
#blogsonline, #blogswartend, #besucheronline {width:5.5rem; height:2rem; padding:0.5rem 0; margin:.5rem 1.8% 0;}

nav {background:#fcfcfc; height:3.4375rem; border-bottom:2px solid #f2f2f2;}
.fade-nav {visibility:hidden; position:fixed; top:0; padding:1rem 0; width:100%; height:0; background:#fff; box-shadow: 1px 1px 2px 0px rgba(124,130,133,0.5); opacity:0; transition: all 0.5s ease 0s; z-index:2000;}
.visible {opacity:.95; visibility:visible; height:auto;}
.fade-nav h1 {float:left;}
.fade-nav #search {float:left; width:250px;}
.menu ul {float:right; margin-right:5.3%;}
.menu ul li {display:inline; line-height:2.5rem;}
.menu ul li a {display:block; float:left; margin:0 1.5rem; padding:0.75rem 0 2px; font-size:1.2rem; color:#717171; text-shadow:1px 1px 0 #fff;}
.menu ul li a:hover, .menu ul li a.current {border-bottom:2px solid #f4003e; color:#f4003e; padding-bottom:0;}

#menu-icon {float:left; margin-top:.55rem; padding:.45rem 1.0rem; color:#7c8285; background:#fff; border-radius:3px; box-shadow: 1px 1px 2px 0px rgba(124,130,133,0.5); cursor:pointer;}
#menu-icon .fa-bars {color:#f4003e;}
#menu-icon span {padding:0 1.2rem;}

#dropdown {position:relative; outline: none;}
#dropdown ul {display:none; float:left; width:40%; margin:0; background:#fff; box-shadow: 2px 2px 5px 0px rgba(124,130,133,0.5); border-radius:3px; position:absolute; top:3rem; left:0; z-index:1000;}
#dropdown ul li {display:inline-block; width:49.72%; line-height:1.0rem; padding-left:1rem;}
#dropdown ul li:hover {background:#f5f5f5; transition:all 0.15s ease-in-out 0s;}
#dropdown ul li a {display:block; padding:0.8rem 0 0.8rem 2rem; color:#7c8285;}
#dropdown ul li a span.count {margin-left:.15rem; font-size:.8rem;}
#dropdown ul li a:hover span.link {color:#f4003e; transition:all 0.15s ease-in-out 0s;}

#dropdown ul li a.link-1 {background:url(../../img/1.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-2 {background:url(../../img/2.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-3 {background:url(../../img/3.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-4 {background:url(../../img/4.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-5 {background:url(../../img/5.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-6 {background:url(../../img/6.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-7 {background:url(../../img/7.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-8 {background:url(../../img/8.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-10 {background:url(../../img/10.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-11 {background:url(../../img/11.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-12 {background:url(../../img/12.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-13 {background:url(../../img/13.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-14 {background:url(../../img/14.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-15 {background:url(../../img/15.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-16 {background:url(../../img/16.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-17 {background:url(../../img/17.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-18 {background:url(../../img/18.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-19 {background:url(../../img/19.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-20 {background:url(../../img/20.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-21 {background:url(../../img/21.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-22 {background:url(../../img/22.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-23 {background:url(../../img/23.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-24 {background:url(../../img/24.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-25 {background:url(../../img/25.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-26 {background:url(../../img/26.png) 0 .7rem no-repeat;}
#dropdown ul li a.link-27 {background:url(../../img/27.png) 0 .7rem no-repeat;}

/* Index */
#teaser {background:#f8f8f8; height:12rem;}
#weblog #teaser {height:100%;}
.leftteaser {float:left; background:url(../../img/bubbles1.png) left bottom no-repeat; width:30%; height:12rem; padding:2.2rem 2rem; text-shadow:1px 1px 2px #fff;}
#weblog .leftteaser {height:100%; background:none; padding-left:0;}
.leftteaser h1 {float:left;}
.leftteaser h1, .leftteaser h2, .rightteaser h2 {color:#357a97; font-weight:bold; font-size:2.4rem; text-transform:uppercase; letter-spacing:-1px;}
.leftteaser h3 {color:#adbdc4; font-size:1.3rem; margin-left:-1rem;}
.leftteaser span {float:left; font-size:1.1rem; padding:1rem;}
.leftteaser span::before {content:"•"; color:#f4003e; margin-right:1rem;}
.rightteaser {float:left; width:60%; padding:3.5rem 4rem 2.3rem}
#weblog .rightteaser {padding:2.5rem 0 1.5rem 4rem; width:70%;}
.rightteaser h2 {margin-bottom:1.5rem;}
.rightteaser .info {color:#96a7af; font-size:1.1rem;}
.rightteaser p {color:#717171; font-weight:200;}
.rightteaser p span {color:#357a97; font-weight:bold;}
.rightteaser p.tag {color:#a2a9af; font-size:1.1rem; font-weight:400; margin:2.5rem 0 0;; text-transform:uppercase;}
.rightteaser .tagname {display:inline-block; margin:1rem 1rem 0 0; padding:.5rem 1rem; font-size:.8rem; font-weight:300; color:#717171; border:1px solid #dfdfdf; border-radius:17px; text-transform:uppercase;}
.rightteaser .tagname:hover {color:#f4003e; border:1px solid #f4003e;}

.indexcontent {margin-top:1.5rem;}

.blocks {float:left; width:33%; min-width:340px; min-height:290px; margin:0 0 1.5rem 0; padding:.2rem .5rem 0 0;}
.cat1 {background:url(../../img/1.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat2 {background:url(../../img/2.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat3 {background:url(../../img/3.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat4 {background:url(../../img/4.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat5 {background:url(../../img/5.jpg) 75% -4px no-repeat; background-size:11.5%;}
.cat6 {background:url(../../img/6.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat7 {background:url(../../img/7.jpg) 75% -1px no-repeat; background-size:14.5%;}
.cat8 {background:url(../../img/8.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat9 {background:url(../../img/9.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat10 {background:url(../../img/10.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat11 {background:url(../../img/11.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat12 {background:url(../../img/12.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat13 {background:url(../../img/13.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat14 {background:url(../../img/14.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat15 {background:url(../../img/15.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat16 {background:url(../../img/16.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat17 {background:url(../../img/17.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat18 {background:url(../../img/18.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat19 {background:url(../../img/19.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat20 {background:url(../../img/20.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat21 {background:url(../../img/21.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat22 {background:url(../../img/22.jpg) 75% -1px no-repeat; background-size:13.5%;}
.cat23 {background:url(../../img/23.jpg) 75% -1px no-repeat; background-size:12.5%;}
.cat24 {background:url(../../img/24.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat25 {background:url(../../img/25.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat26 {background:url(../../img/26.jpg) 75% -1px no-repeat; background-size:11.5%;}
.cat27 {background:url(../../img/27.jpg) 75% -1px no-repeat; background-size:11.5%;}

.blogofweek {float:left; width:33%; min-width:340px; margin:0 0 2rem 0; padding:0.2rem 0.5rem 0 0;}
.blogofweek-img {background:url(../../img/blog-der-woche/play3.jpg) left 50% no-repeat; height:120px; overflow:hidden;}
.blogofweek-detail {color:#f4003e; font-size:1.05rem; padding:.7rem 1.5rem;}
.detail {display:block; float:right; color:#f4003e; font-size:.75rem; margin-top:-1px; padding:.2rem .5rem; border:1px solid #f4003e; border-radius:5px; text-transform:uppercase;}
.detail:hover {background:#f4003e; color:#fff;}
.more {background:#f8f8f8; color:#357a97; font-size:.9rem; border-radius:0 0 3px 3px; padding:.4rem; border-top:1px solid #dfdfdf; text-align:center;}

#newentry, #tags {background:#fcfcfc; margin-bottom:1.5rem; padding:1rem 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; box-shadow:inset 0px 4px 13px -10px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px;}
.toggle1, .toggle2 {display:block; float:left; color:#717171; font-size:1.4rem; font-weight:300; margin-right:1.5rem; padding-bottom:1rem; border-bottom:1px solid #717171;}
.toggle1:hover, .toggle2:hover, .active {color:#357a97; border-bottom:1px solid #357a97; cursor:pointer;}
.tags {display:block; float:left; color:#357a97; font-size:1.4rem; font-weight:300; margin-right:1.5rem; padding-bottom:1rem; border-bottom:1px solid #357a97;}
.tagcloud {text-transform:uppercase;}
.tagcloud a {display:inline-block; color:#357a97; font-weight:300; padding:0 .3rem;}
.entry {display:inline-block; min-width:18%; margin:2rem 1rem .5rem 0; padding:.5rem .5rem .5rem 3.5rem; color:#357a97; background:url(../../img/entry.png) 12px 50% no-repeat #fff; font-size:.8rem; text-align:left; border:1px solid #dfdfdf; box-shadow: 1px 1px 5px 0px rgba(124,130,133,0.4); border-radius:3px;}
/* .entry:last-child {filter: grayscale(100%); opacity: 0.5; transition-duration: 0.5s; transition-property: filter, opacity;}
.entry:last-child:hover {filter: grayscale(0%); opacity: 1.0;} */
.entry .time {color:#717171; font-size:.75rem;}
.votes {display:none;}
.vote {display:inline-block; color:#357a97; background:url(../../img/entry.png) 12px 50% no-repeat #fff; font-size:.8rem; min-width:30.2%; margin:2rem 1rem .5rem 0; padding:.5rem .5rem .5rem 3.5rem; border:1px solid #dfdfdf; box-shadow: 1px 1px 5px 0px rgba(124,130,133,0.4); border-radius:3px;}
.vote .time {color:#717171; font-size:.75rem; padding-right:.8rem;}
.vote .time img {vertical-align:middle;}

.blocks h4, .blogofweek h4, .latestposts h4 {font-size:1.4rem; font-weight:300; color:#96a7af; margin-bottom:1rem; text-transform:uppercase;}
.fa-comments-o {float:left; color:#ccc; margin:.5rem .5rem 0 0;}
.shadow {width:85%; border:1px solid #dfdfdf; box-shadow: 1px 1px 5px 0px rgba(124,130,133,0.4); border-radius:3px;}
#weblog .shadow {width:100%;}
.post {border-bottom:1px solid #dfdfdf; padding:1.5rem .3rem 0 1.5rem;}
#weblog .post {padding:1.5rem .75rem 0 1.5rem;}
[tooltip]::before {position:absolute; content:attr(tooltip); opacity:0; max-width:300px; transition:all 0.15s ease; padding:10px; font-size:.75rem; border-radius:5px; box-shadow:1px 1px 5px 0 rgba(124, 130, 133, 0.4);}
[tooltip]:hover::before {opacity:1; background:#fff; margin-top:-35px; margin-left:20px; position:absolute; z-index:996; text-transform:none !important;}
[tooltip]:not([tooltip-persistent])::before {pointer-events:none;}
.post .posttitle {font-size:1.05rem; color:#357a97;}
.read {color:#f4003e;}
.blogurl {position:relative; z-index:995; padding-bottom:1rem;}
.blog {color:#f4003e; display:inline-block; margin-right:.5rem; font-size:.75rem;}
.blog::before {content:url(../../img/post.png); margin-top:.7rem; padding-right:.5rem;}
.post .time {color:#717171; font-size:.75rem;}
#weblog .post .time, #aktuell .time {color:#f4003e; font-size:.75rem; float:left;}
.shadow .morelink {display:block; position:relative; z-index:995; background:#f8f8f8; color:#92b3bc; font-size:.85rem; text-align:center; border-radius:0 0 3px 3px; padding:.8rem 0;}
.shadow .morelink:hover {color:#357a97;}

.feedworkerinfo {text-align:center; color: #717171; font-size: 0.75rem;}

/* Pages */
.upper {height:3.4375rem; background:#fff; border-bottom:2px solid #f2f2f2; padding:1rem 0 .5rem; font-size:1.1rem;}
.upper .count {float:left; display:block; color:#9cadb4; font-size:1rem;}
.upper .count .num {color:#f4003e;}
.breadcrumb {float:right; color:#357a97; font-size:1rem;}
.breadcrumb a {color:#357a97;}
.breadcrumb .fa {font-size:.8rem; margin:0 .3rem;}
.catcontent {background:#f4f4f4; padding:1rem 0 2rem; border-bottom:1px solid #fff;}
.catcontent h2 {font-size:1.4rem; font-weight:300; color:#96a7af; margin-bottom:1rem; text-transform:uppercase;}
.catcontent .bloginfos {position:relative; margin-bottom:3rem; background:#fff; border:1px solid #dfdfdf; box-shadow:1px 1px 5px 0px rgba(124,130,133,0.4); border-radius:3px;}
.catcontent .bloginfos .position {display:block; position:absolute; width:82px; height:70px; top:20px; padding:.8rem 0 0; left:-17px; background:url(../../img/blog-position.png) left top no-repeat; text-align:center; color:#fff; font-size:1.4rem;}
.catcontent .bloginfos .blogdetails {float:left; width:60%; min-height:55px; margin:1.2rem 1rem 1rem 5.5rem;}
.maincontent {float:left; width:62.5%; padding-right:4rem; border-right:2px solid #f2f2f2;}
.mainwide {clear:both; width:100%; padding:1rem; text-align:center;}
.extblog {margin-right:1.5rem; font-size:1.2rem; color:#357a97; font-weight:400;}
.plainurl {font-size:.8rem; color:#96a7af;}
.descr {padding-top:.5rem; font-size:.75rem; overflow:hidden;}
.descr:hover {cursor:help;}
.spionposts .descr {font-size:.8rem;}
.spionposts .descr:hover {cursor:default;}
[tooltipcat]::before {position:absolute; content:attr(tooltipcat); opacity:0; max-width:400px; transition:all 0.15s ease; padding:10px; font-size:.75rem; border-radius:3px; box-shadow:1px 1px 5px 0 rgba(124, 130, 133, 0.4);}
[tooltipcat]:hover::before {opacity:1; background:#fff; margin-top:-35px; margin-left:20px; position:absolute; z-index:996; text-transform:none !important;}
[tooltipcat]:not([tooltipcat-persistent])::before {pointer-events:none;}

.bloglinks {float:right; margin:.8rem .8rem 0 0; border-radius:3px; border:1px solid #f2f2f2;}
.bloglinks .gotoblog {display:inline-block; border-radius:3px 0 0 3px; border-right:1px solid #f2f2f2;}
.bloglinks .favblog {display:inline-block; border-right:1px solid #f2f2f2; cursor:pointer;}
.bloglinks .rssblog {display:inline-block; border-radius:0 3px 3px 0;}
.bloglinks .gotoblog, .bloglinks .favblog, .bloglinks .rssblog {width:3rem; padding:.6rem .8rem; color:#ccc; font-size:1.2rem; text-align:center;}
.bloglinks .gotoblog:hover, .bloglinks .favblog:hover, .bloglinks .rssblog:hover {color:#f4003e; background:#f5f3f3; box-shadow:inset 0 0 3px 2px rgba(0, 0, 0, 0.3);}
.blogposts {clear:both; border-radius:0 0 3px 3px;}
.reads {position:relative; background:#fff; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:.5rem 1rem; font-size:.75rem; text-transform:uppercase; z-index:666;}
.visits {float:left;}
.red {color:#f4003e;}
.pagerank {float:right;}
.pagerank img {margin-left:1rem; vertical-align:middle;}

.posts {background:#f9f9f9; box-shadow:inset 0px 4px 13px -10px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px; border-radius:0 0 3px 3px;}
.lines { padding:.5rem 1rem; border-bottom:1px solid #dfdfdf; font-size:.9rem;}
.lines:last-child {border-bottom:none; border-radius:0 0 3px 3px;}
.lines .fa {margin-right:.8rem; color:#ccc;}
.lines .fa-angle-right {float:right; margin:.1rem .3rem 0 0;}
.lines:hover .fa {color:inherit; transition:all 0.15s ease-in-out 0s;}
.postlink {display:inline-block; width:55%; color:#357a97;}
.posttime {display:inline-block; width:20%; margin-right:1rem;}

.pagination-bottom {width:100%; margin-bottom:2rem; line-height:1.4rem; text-align:center; vertical-align:bottom; font-size:.85rem; color:#357a97;}
.pagination-bottom a, .pagination-bottom span {display:inline-block; padding:.3rem .5rem; color:#357a97;}
.pagination-bottom a:hover {color:#fff; background:#357a97; opacity:1;}
.pagination-bottom .floatleft, .pagination-bottom .floatright {margin:-6px 0 0; font-size:1.4rem; font-weight:300;}
.pagination-bottom .akt {color:#fff; background:#357a97;}
.help {font-size:.75rem; color:#d6d6d6;}

/* Spion */
.spionposts {position:relative; background:#fff; width:100%; min-height:8.5rem; margin-bottom:1.5rem; padding:1rem; border:1px solid #dfdfdf; box-shadow: 1px 1px 5px 0px rgba(124,130,133,0.4); border-radius:3px;}
.spionposts .position {position:absolute; width:82px; height:70px; top:30px; padding:.8rem 0 0; left:-17px; background:url(../../img/blogspion-position.png) left top no-repeat; text-align:center; color:#fff; font-size:1.4rem;}
.spionposts .blogdetails {display:inline-block; width:60%; min-height:55px; margin:.75rem 1rem 1rem 5.5rem;}
.amount {position:absolute; display:inline-block; width:25%; height:100%; top:0; right:0; margin:0; padding:1.5rem 1rem 1.5rem 3rem; background:#f8f8f8; border-radius:0 3px 3px 0; font-size:.9rem; color:#717171; text-shadow:1px 1px 0 #fff;}
.amount:after {content:''; position:absolute; border-width:8px 0 8px 8px; border-style:solid none solid solid; border-color:transparent #f8f8f8 transparent; transform:rotate(180deg); top:45%; left:-8px;}
.amount .readers {font-size:2rem; font-weight:700;}
.amount .dateseen {display:block; margin:1rem -.85rem 0 -1.75rem; padding:.5rem 1.5rem 0 0; border-top:1px solid #dfdfdf; font-size:.8rem; text-align:right;}
#load {display:none; float:left; margin:.3rem 0 0 .8rem; font-size:1.2rem; color:#f4003e;}

/* Topthemen */
#topthemen .extblog {display:block; margin:.3rem 0;}
#topthemen .blog {font-size:.9rem;}

/* Blogindex */
.blogindexnav {text-align:center;}
.blogindexnav span {display:inline-block; margin:0 .2rem; padding:0 .3rem;}
.blogindexnav span:hover {cursor:pointer; color:#fff !important; background-color:#f4003e !important;}
table.blogindex {font-size:.9rem; margin-bottom:2rem; border-radius:3px;}
table.blogindex a {color:#357a97;}
table.blogindex tr {padding:.2rem; border:1px solid #f2f2f2;}
table.blogindex tr img {vertical-align:middle; margin-left:.3rem;}
table.blogindex tr td {padding:.5rem; border:1px solid #f2f2f2;}
table.blogindex tr:nth-child(even) {background:#f4f4f4;}
table.blogindex tr:nth-child(odd) {background:#fff}
table.blogindex tr.blogdetails a.gotoblog {display:none; float:right; color:#357a97;}
table.blogindex tr.blogdetails:hover a.gotoblog {display:inline-block;}
.secondrow {font-size:.75rem;}

/* Aktuell */
.blogname {display:inline-block; float:left; margin:-.25rem 0 0 .5rem; color:inherit;}
#aktuell .blogdetails {width:87%;}
#aktuell .post {border:none; padding:.3rem 0 0 0;}
#aktuell .blogurl {font-size:.75rem; padding:0;}

/* Publish */
#publish .maincontent ul {margin:1rem 0 2rem 2rem; font-size:.85rem; font-weight:300;}
#publish .maincontent ul li {line-height:1.5rem;}
#publish .maincontent ul li::before {font-family:FontAwesome; content:"\f00c"; margin-right:.8rem; color:#357a97;}
#publish .maincontent ul li ul {margin:.3rem 0 .3rem 2rem;}
#publish .maincontent ul li a {color:#717171;}
#publish .maincontent ul li a:hover {color:#357a97;}
.fehler {display:block; margin:1rem auto; color:#f4003e; font-weight:700; text-align:center;}
#publish .fa-check {margin-left:1rem; color:#3C0; font-size:1.6rem;}
.faq {position:relative;}
#publish h3.answer {color:#357a97; margin:2rem 0 .25rem; font-size:1.2rem; font-weight:300;}
#publish h3.answer a {position:absolute; top:-125px;}
#publish p {font-size:.85rem; line-height:1.3rem;}
#publish p a {color:#357a97;}

/* Suche */
#suche .posttime {float:right; text-align:right; margin-right:0;}

/* Voting */
#voting_window {position:absolute; width:600px; margin:0 auto; left:0; right:0; top:25%; background-color:#fff; border:1px solid #dfdfdf; border-radius:3px; box-shadow:0 0 100px 35px rgba(124, 130, 133, 0.9); z-index:1000;}
#voting_window:hover {cursor:move;}
#voting_window .voting-head {margin-bottom:1rem; padding:1rem; text-align:center; background:#f4f4f4;}
#voting_window .dontvote {float:right; margin-left:-1.2rem; color:#357a97; font-size:1.2rem; cursor:pointer;}
#voting_window h3 {font-size:1.2rem; font-weight:300;}
#voting_window h2 {font-size:1.6rem; margin-bottom:.5rem;}
#voting_window .plainurl {display:block;}
	
/* Sidebar */
.sidebar {float:left; width:37.5%; padding-left:4rem;}
.sidebar .blogofweek {width:100%;}
.sidebar .longdescr {float:left; font-size:1rem; font-style:oblique;}
.sidebar h3 {clear:both; margin:1rem 0; padding-bottom:1rem; border-bottom:1px solid #357a97; color:#357a97; font-size:1.4rem; font-weight:300;}
.sidebar .tagcloud a:hover {color:#f4003e;}

/* Blogs */
.thumb {position:relative; width:436px; height:265px; background:url(../../img/blogshot.png) left top no-repeat;}
.shot {width:347px; height:221px; overflow:hidden; position:absolute; top:13px; left:45px;}

.feedimportwarning {margin:1.5rem 0 0; font-size:.8rem; color:#f4003e;}
.feedimportwarning .fa-exclamation-triangle {font-size:2rem; float:left; margin-right:.5rem;}
.feedimportwarning a {color:#357a97; font-weight:600;}

.latestposts {float:left; width:30%; padding:2rem .5rem 0 0; margin-bottom:2rem;}
.postinfos {margin:-5px 0 5px;}
.pistotal {float:right; font-size:.75rem;}

.blogdetail {float:left; width:70%; padding:4rem .5rem 0 3rem;}
.specs-container {float:left; width:30%; height:6rem; margin:0 1.5rem 1rem 0; padding:1rem; word-wrap:break-word;}
.specs, .voting {display:block; margin-bottom:1rem; padding:1rem 0 0 0; border-top:1px solid #dfdfdf; color:#8b989d; font-size:.75rem; font-weight:500; text-transform:uppercase;}
.specs img {margin-left:.5rem; vertical-align:middle;}
.values {font-size:1.5rem; font-weight:400;}
.bluevalues {font-size:1.5rem; font-weight:400; color:#357a97;} 
.redvalues {font-size:1.5rem; font-weight:400; color:#f4003e;}
.smallvalues {font-size:1.1rem; font-weight:400;}
.gotourl {color:#357a97; font-weight:700;}

.votings, .statistics {padding:1rem;}
.rating {display:inline-block; width:30%; height:1rem; font-size:.75rem; text-transform:uppercase;}
.rating img {margin:0 .3rem; vertical-align:middle;}
.statshead {margin-bottom:1rem; padding:1rem 0 0 0; border-top:1px solid #dfdfdf; color:#8b989d; font-size:.75rem; font-weight:500; text-transform:uppercase;}

/* Footer */
footer {background:#f8f8f8;}

.cd-top {display:inline-block; height:4rem; width:4rem; padding:1rem; font-size:1.4rem; text-align:center; color:#fff; position:fixed; bottom:40px; right:40px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); border-radius:3px; overflow:hidden; background:#357a97; visibility:hidden; opacity:0; transition:opacity .3s 0s, visibility 0s .3s; z-index:5000;}
.cd-top i::before {font-family:FontAwesome; content:"\f106"; font-style:normal;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {transition:opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility:visible; opacity:1;}
.cd-top.cd-fade-out {opacity:.5;}
.no-touch .cd-top:hover {opacity:1;}

.lastposts {margin-bottom:-1px; padding:2rem 0 0; width:95%; margin:0 auto; text-align:center;}
.rss {display:inline-block; background:url(../../img/abo.png) 9px 50% no-repeat; margin-right:4rem; padding:.5rem 1rem .5rem 3.5rem; color:#717171; font-size:.7rem; text-transform:uppercase; border:1px solid #dfdfdf; border-radius:3px; vertical-align:top;}
.lastentries {display:inline-block; max-width:27%; padding:0 2rem; vertical-align:top; text-align:left;}
.lastentries .blogurl {position:relative; z-index:995; padding-bottom:3rem;}
.lastentries .posttitle {display:inline-block; font-size:1.05rem; color:#357a97; height:22px; overflow:hidden;}
.lastentries .time {color:#717171; font-size:.75rem;}

.sidenavigation {width:80%; margin:0 auto; padding:3rem 5rem 2rem; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.bottom-buttons {float:left; margin-right:3rem;}
.publish {display:inline-block; width:180px; padding:.7rem 2rem; border:1px solid #f4003e; border-radius:5px; color:#f4003e; font-size:1rem; text-align:center;}
.publish:hover {background:#f4003e; color:#fff;}
.index {display:inline-block; width:180px; margin-top:.7rem; padding:.7rem 2rem; border:1px solid #dfdfdf; border-radius:5px; color:#717171; font-size:1rem; text-align:center;}
.index:hover {background:#fff;}
.bottom-menu {float:left; margin-left:5rem;}
.bottom-menu ul {}
.bottom-menu ul li {line-height:1.4rem;}
.bottom-menu ul li a {color:#717171; font-size:.9rem; font-weight:300; text-shadow:1px 1px 0 #fff;}
.bottom-menu ul li a:hover {color:#357a97;}
.bottom-menu ul li.top a {display:inline-block; margin-bottom:18px; font-weight:500; text-transform:uppercase;}

.footer {padding:3rem 0 2rem; font-size:.7rem; text-align:center; text-shadow:1px 1px 0 #fff;}
.footer a {color:#717171;}
.footer a:hover {color:#357a97;}
.footer .twitter a:hover {color:#55acee;}
.footer .facebook a:hover {color:#3b5998;}
.footer .youtube a:hover {color:#cc181e;}
.footer .googleplus a:hover {color:#dd4b39;}
.social {margin:0 0 2rem;}
.social span i {font-size:1.4rem; vertical-align:middle; margin-right:3px;}
.footer span {display:inline-block; margin-right:1rem;}

/* Login */
#login {width:13rem; border:none; float:right; margin-right:2rem;}
#login form i {display:block; float:left; width:30px; height:30px; line-height:30px; font-size:.8rem; text-align:center; background-color:#fff; border:1px solid #dfdfdf; border-radius:3px 0px 0px 3px; border-right:none;}
#login form input {height:30px; outline:none;}
#login form input[type="text"], input[type="password"] {background-color:#fff; box-shadow:0 0 2px #f2f2f2 inset; border:1px solid #dfdfdf; border-radius:0px 3px 3px 0px; color:#717171; margin-bottom:2px; padding:0 16px; width:10rem;}
#login form a.submit {display:inline-block; float:right; margin:-2rem -1.3rem 0 .2rem; border-radius:3px; border:1px solid #dfdfdf; color:#cbcbcb; text-transform:uppercase; padding:23px .5rem;}
#login form a.submit:hover {color:#717171;}
#login a.forget {display:inline-block; margin-top:-2rem; text-transform:none; font-size:.7rem; color:#cbcbcb;}
#login a.forget:hover {color:#717171;}

.loginstate {position:relative; float:right; margin:1rem 2rem 0 0;}
.loginstate i.fa-user {display:block; float:left; width:30px; height:30px; line-height:30px; font-size:.8rem; text-align:center; color:#f4003e; background-color:#fff; border:1px solid #dfdfdf; border-radius:3px 0px 0px 3px; border-right:none;}
.loginstate i.fa-angle-down, .loginstate i.fa-angle-up {margin-left:.75rem;}
.user {display:block; float:left; height:30px; line-height:30px; padding:0 7px 0 10px; font-size:.8rem; text-align:center; color:#717171; background-color:#fff; border:1px solid #dfdfdf; border-radius:0px 3px 3px 0px;}
.loginstate i:hover, .user:hover {cursor:pointer;}
.logout {display:none; position:absolute; clear:both; top:2.2rem; left:0;}
.logout i {display:block; float:left; width:30px; height:30px; line-height:30px; font-size:.8rem; text-align:center; color:#f4003e; background-color:#fff; border:1px solid #dfdfdf; border-radius:3px 0px 0px 3px; border-right:none;}
.logout span {display:block; margin-bottom:.3rem;}
.logout span a {display:block; float:left; height:30px; line-height:30px; padding:0 16px; font-size:.8rem; text-align:center; color:#717171; background-color:#fff; border:1px solid #dfdfdf; border-radius:0px 3px 3px 0px;}
.user, .logout span a {min-width:8rem;}

/* Loggedin */
.memberarea {margin:0 0 2rem;}
#favlist {margin-bottom:1rem;}
.favedblog {color:#357a97; font-size:.9rem;}
.delfavblog {cursor:pointer;}
.memberlinks a {display:block; color:#357a97; font-size:.9rem;}
.memberlinks a i {margin: 0 1rem; font-size:1.2rem !important; color:#3c0;}
.favthisblog {display:inline; float:right;}
.favthisblog h2, .favthisblog #favlist, .favthisblog .memberlinks {display:none;}
.favthisblog .fa-star {color:#ecbc32; margin:0 .5rem 0 0;}
.favthisblog .adfavblog {color:#357a97; padding:.45rem 1.0rem; background:#fff; border-radius:3px; box-shadow: 1px 1px 2px 0px rgba(124,130,133,0.5); cursor:pointer;}
.favthisblog-true {display:none; float:right; margin-top:-2rem; color:#f4003e;}

.leftinfo {float:left; width:45%; text-align:left;}
.rightinfo {float:right; width:45%; text-align:left;}
.chre {background:#f4003e; color:#fff; border-radius:3px; padding:25% 0; text-align:center;}
#statDate {width:8.5rem;}
.fa-check-circle {color:#3c0; margin:0 1rem 0; font-size:1.2rem !important;}
.fa-minus-circle {color:#f4003e; margin:0 1rem 0; font-size:1.2rem !important;}
#maintab {margin:0 0 2rem 0;}
#maintab li {display:inline; padding:0 1rem;}
#maintab li a {color:#357a97;}
.icontext {display:inline-block; float:left; width:15%; min-height:3rem; max-height:5rem; padding:1rem 0 0; font-size:.85rem; text-align:center;}
.iconcode {display:inline-block; float:left; width:80%; min-height:3rem; max-height:5rem; margin-left:5%;}
.iconhelp {clear:both; float:left; margin-left:20%; font-size:.8rem; color:#357a97;}

/* Publish */
.publishform {background:#fff; min-height:30rem; padding:1rem; border:1px solid #dfdfdf; border-radius:3px; box-shadow:1px 1px 5px 0px rgba(124,130,133,0.4);}
.publishform .forminfo {display:block; font-size:.9rem; color:#357a97;}
.publishform input, .publishform textarea, .publishform select {display:block; min-width:100%; background:#f4f4f4; padding:.4rem .5rem; border:1px solid #dfdfdf; border-radius:3px; font-size:.8rem; transition:all 0.15s ease-in-out 0s;}
.publishform input:focus, .publishform textarea:focus, .publishform select:focus {background:#fef4da; border:1px solid #d7a108;}
.publishform div {min-width:47.5%; margin:0 1rem 1rem 0;}
.publishform div.clearall {width:97%; margin:0 1rem 1rem 0;}
.publishform .submit {padding:1.4rem 0 0 0;}
.publishform .publish {display:inline-block; width:100%; padding:.32rem 0; border:1px solid #f4003e; border-radius:3px; background:#f4003e; color:#fff; font-size:1rem; text-align:center; cursor:pointer;}
.publishform .publish:hover {background:#fff; color:#f4003e;}
.publishform img {vertical-align:middle;}
.publishform .forminfo {display:inline-block; margin-bottom:.2rem;}
.publishform .small {font-size:.75rem;}

.publishform .fa-info {border:1px solid #f4003e; border-radius:3px; margin-left:.3rem; padding:.15rem .4rem; color:#f4003e;}
.publishform .fa-info:hover {cursor:pointer;}
.publishform .tooltip {display:inline; position:relative;}
.publishform .tooltip:hover:after {background:#fff; margin-top:-35px; margin-left:20px; position:absolute; z-index:996; text-transform:none !important; content:attr(tip); width:350px; transition:all 0.15s ease; padding:10px; font-size:.9rem; border-radius:5px; box-shadow:1px 1px 5px 0 rgba(124, 130, 133, 0.4);}
.reload {color:#f4003e; font-size:.9rem; margin:0 0 0 .6rem;}

.error #search {width:30%; min-width:25%; margin:1rem auto;}

#loading {display:none; font-size:1.4rem; color:#f4003e;}
#loading i { margin:0 0 0 1rem;}

.ad {clear:both; width:80%; margin:0 auto 1rem; text-align:center;}
.ad-l {clear:both; width:970px; margin:0 auto 1rem;}
.ad-list {margin:1rem 0 1rem; text-align:center;}

/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (min-width: 2000px) {
html {font-size:17px;}
#dropdown ul li {width:49.7%;}
.publishform div {min-width:47%; margin:0 1rem 1rem 0;}
.publish {padding: 0.7rem 1.5rem;}
}

@media screen and (max-width: 1450px) {
#dropdown ul {width:23%;}
#dropdown ul li {width:100%;}
}

@media screen and (max-width: 1280px) {

.wrapper {width:100%; max-width:1280px; min-width:1025px; padding:0 2rem;}
#search {margin:1.1rem 2% 0 0;}
.fade-nav #search {margin:1.1rem 0 0;}
.menu ul {margin-right:2%;}
.vote:last-child {display:none;}
.cd-top {bottom:50px; font-size:1.1rem; width:2rem; height:2rem; padding:.2rem .5rem .5rem; right:20px;}
.lastposts {width:100%;}
.rss {margin-right:2rem;}
.bottom-buttons {margin-right:2.5rem;}
.bottom-menu {margin-left:2.8rem;}
}

@media screen and (max-width: 1209px) {
#blogsonline, #blogswartend, #besucheronline {display:none;}
.leftteaser {padding:2.2rem 1rem 1.3rem; width:45%; height:10rem;}
.rightteaser {padding:2.5rem 0 1.3rem; width:50%;}
}

@media screen and (max-width: 1024px) {
	
#blogsonline, #blogswartend, #besucheronline, .ad, .ad-l {display:none;}
.wrapper {width:100%; max-width:1024px; min-width:769px; padding:0 1rem;}
.blogindexnav span a {font-size:.9rem;}
hgroup h1 a, .fade-nav h1 a {background-size:85%; margin-right:.5rem;}
#login {width:11rem;}
#login form input[type="text"], input[type="password"] {width:8rem;}
.fade-nav #search {width:200px;}
#dropdown ul {width:30%;}
.menu ul {margin-right:1rem;}
.menu ul li a {font-size:1.1rem; margin:0 1rem;}
#teaser {height:10rem;}
.rightteaser p:last-child {display:none;}
.blocks, .blogofweek {min-width:300px; margin-top:1.5rem;}
.blogofweek-img {background-size:contain; background-position:center;}
#newentry, #tags {margin-bottom:0;}
.entry:last-child {display:none;}
#weblog .rightteaser {padding:2.5rem 0 1.5rem 3rem; width:55%;}
#weblog .latestposts {width:33%;}
#weblog .blogdetail {width:67%; padding-left:1.5rem;}
.specs-container {margin-right:.75rem; padding:.75rem;}
#weblog .smallvalues {display:none;}
.rss {display:none;}
.lastentries {padding:0 1rem; max-width:33%; text-align:center;}
.lastentries .time {display:block;}
.sidenavigation {text-align:center; padding:3rem 0 2rem;}
.bottom-buttons {display:none;}
.bottom-menu {margin-left:1.8rem; display:inline-block; float:none; text-align:left;}

.maincontent {width:95%;}
.sidebar {display:none;}
}

@media screen and (max-width: 768px) {
.ad, .ad-l, .ad-list, .fade-nav, .fa-comments-o {display:none !important;}
.leftteaser h1, .leftteaser h2, .rightteaser h2 {font-size:1.8rem;}
.blocks h4, .blogofweek h4, .latestposts h4 {font-size:1.2rem;}
.blocks, .blogofweek {min-width:240px; min-height:300px; margin-top:1.5rem;}
.shadow {width:95%;}
#newentry, #tags {width:100%;}
.cat1 {background:none;}
.cat2 {background:none;}
.cat3 {background:none;}
.cat4 {background:none;}
.cat5 {background:none;}
.cat6 {background:none;}
.cat7 {background:none;}
.cat8 {background:none;}
.cat9 {background:none;}
.cat10 {background:none;}
.cat11 {background:none;}
.cat12 {background:none;}
.cat13 {background:none;}
.cat14 {background:none;}
.cat15 {background:none;}
.cat16 {background:none;}
.cat17 {background:none;}
.cat18 {background:none;}
.cat19 {background:none;}
.cat20 {background:none;}
.cat21 {background:none;}
.cat22 {background:none;}
.cat23 {background:none;}
.cat24 {background:none;}
.cat25 {background:none;}
.cat26 {background:none;}
.cat27 {background:none;}
#newentry, #tags {height:11rem; overflow:hidden; margin:1rem 0;}
}

@media screen and (max-width: 480px) {
.mobile {display:block;}
header {padding:0; margin-bottom:.25rem;}
.wrapper {width:100%; max-width:480px; min-width:320px; padding:0 1rem;}
hgroup {margin:0 -1rem;}
#search, #login, nav, #teaser, .fade-nav, .ad, .ad-l, .ad-list, .cd-top, .lastposts, .plainurl, .bloglinks, .posttime, .pis, .upper {display:none;}

.breadcrumb {float:left;}

#mobile-menu-icon {display:block; width:5rem; padding:1rem; cursor:pointer;}
#mobile-menu-icon i {color:#f4003e; font-size:2rem;}
.nav {border:none; text-transform:none;}
.nav ul {display:none; position:absolute; top:60px; left:0; width:100%; min-height:500px; margin:0; padding:1rem 0 0; background:#fff; font-size:1.6rem; z-index:1000;}
.nav ul li a {display:block; margin:0 1rem; padding:.75rem 0; color:#717171; font-size:1.2rem; text-shadow: 1px 1px 0 #fff; border-bottom:1px solid #ccc;}
.nav ul li a:hover {color:#f4003e;}

hgroup {height:inherit;}
hgroup h1 {float:none; text-align:center;}
hgroup h1 a {margin:1rem 0 0; background-size:70%;}

.search {border:none; text-transform:none; color:inherit; font-size:100%;}
#mobile-search {display:block; position:absolute; top:0; right:0; width:5rem; margin:0; padding:1rem; text-align:right; cursor:pointer;}
#mobile-search i {color:#f4003e; font-size:2rem;}
.search-form {display:none; position:absolute; top:60px; left:0; width:100%; min-height:500px; margin:0; padding:1rem 0; background:#fff; font-size:1.6rem; z-index:1000;}
.search-form form {padding:.75rem 0 .75rem 1rem; font-size:1.2rem; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

.loginstate {float:none; display:block; width:40%; margin:0 auto 1rem;}

.indexcontent {margin:0;}
.blocks, .blogofweek {float:none; width:100%; max-width:480px; overflow:hidden; margin:0;}
.shadow {width:100%;}
#newentry, #tags {width:100%; height:11rem; overflow:hidden; margin:1rem 0;}
.sidenavigation {border-top:none;}
.bottom-menu {display:block; margin:0; text-align:center;}
.cat1 {background:none;}
.cat2 {background:none;}
.cat3 {background:none;}
.cat4 {background:none;}
.cat5 {background:none;}
.cat6 {background:none;}
.cat7 {background:none;}
.cat8 {background:none;}
.cat9 {background:none;}
.cat10 {background:none;}
.cat11 {background:none;}
.cat12 {background:none;}
.cat13 {background:none;}
.cat14 {background:none;}
.cat15 {background:none;}
.cat16 {background:none;}
.cat17 {background:none;}
.cat18 {background:none;}
.cat19 {background:none;}
.cat20 {background:none;}
.cat21 {background:none;}
.cat22 {background:none;}
.cat23 {background:none;}
.cat24 {background:none;}
.cat25 {background:none;}
.cat26 {background:none;}
.cat27 {background:none;}
.toggle1, .toggle2 {font-size:1.2rem;}
.maincontent {width:100%; padding:0; border:0;}
.bottom-menu ul li.top a {margin-top:18px; margin-bottom:8px;}

.spionposts .blogdetails {margin-left:3.5rem;}
.spionposts .blogdetails .extblog {font-size:.9rem;}
.amount {text-align:left; padding-left:1rem;}
.amount .readers {font-size:1.2rem;}
.amount .dateseen {margin-left:0;}

#bloginfomain .latestposts, #bloginfomain .blogdetail {float:none; width:100%;}
#bloginfomain .blogdetail {padding:0;}
#bloginfomain .specs-container, .mainwide .specs-container {width:45%; height:8rem;}

#aktuell .blogdetails {width:70%;}
#aktuell .blogdetails .pistotal {display:none;}

.floatleft {float:none;}
.publishform .tooltip:hover:after {margin-top:-95px; margin-left:-100px;}
}


@media screen and (max-width: 320px) {
.spionposts .blogdetails {width:80%;}
.amount {display:none;}
.toggle1, .toggle2, .tags {font-size:1rem;}
.loginstate {width:60%;}		
}