*, *:before, *:after {
box-sizing: inherit;
}

a {
text-decoration:none
}

a:hover {
text-decoration:underline
}

.headernav ul,.selectnav {
background:linear-gradient(to bottom,#57b5ff,#006bd3);
height:42px;
border-radius:5px;
padding:2px
}

.headernav ul li {
padding:14px 0;
display:inline-block
}

.headernav ul li a {
color:#fff;
font-weight:700;
text-shadow:1px 1px 1px #000;
padding:15px 20px
}

.headernav ul li a:hover {
background:linear-gradient(rgba(66,143,204,.6),rgba(16,82,136,.6))
}

.headernav ul li a.ac {
background:linear-gradient(rgba(66,143,204,.3),rgba(16,82,136,.3))
}

.nav ul {
margin:0;
padding:0
}

.nav ul li {
background:url(/template/media/menu/0010/arrow.gif) no-repeat left;
border-bottom:1px dotted #1597ff;
list-style:none;
padding:10px 3px
}

.nav ul li a span {
font-weight:700
}

.nav ul li a {
color:#333;
font-size:11px;
padding:7px
}

.nav ul li a:hover {
color:#1597ff;
}

.nav ul li .ac {
color:#1597ff;
font-size:11px;
padding:7px
}

.browse {
margin-top:10px;
display:flex
}

.browse div {
border:1px solid #1597ff;
padding:10px 5px;
background:#fff
}

.browse div span{
font-weight:700
}

.browse .info {
color:#1597ff
}

.browse .ac {
color:#fff;
font-weight:700;
font-size:13px;
background:#1597ff
}

.browse a {
color:#1597ff;
font-weight:700;
font-size:13px;
padding:4px 0
}

.browse a:hover {
color:#ff7f00;
text-decoration:none
}

.win_0001 {
box-shadow:0 0 10px #006bd3;
margin:0 20px;
max-width:1100px;
min-height:100vh;
height:auto
}

.win_0001_1 {
margin:0 0 0 20px;
background:url(../media/win/0001/right.gif)repeat-y right
}

.win_0001_2 {
margin:0 20px 0 0
}

.win_0008_top {
margin:4px 4px 0;
height:10px;
border:0;
background:url(../media/win/0008/top_left.gif)no-repeat
}

.win_0008_top_1 {
margin:0 0 0 10px;
height:10px;
border:0;
background:url(../media/win/0008/top_right.gif)no-repeat right
}

.win_0008_top_2 {
margin:0 10px 0 0;
background:url(../media/win/0008/top_center.gif)repeat-x
}

.win_0008_middle_top,.win_0008_middle_bottom {
margin:0 4px;
border-left:1px solid #ebecea;
border-right:1px solid #ebecea
}

.win_0008_middle_top h3 {
margin:0 2px;
background:#e7e7e7;
border-bottom:1px solid #fff;
color:#1597ff;
font-size:13px;
font-weight:700;
padding:0 0 5px 9px
}

.win_0008_middle_bottom_1 {
margin:0 2px;
padding:5px 5px 0;
background: linear-gradient(#e7e7e7,#fbfbfb,#fff 60px)
}

.win_0008_bottom {
margin:0 4px 4px;
background:url(../media/win/0008/bottom_left.gif)no-repeat
}

.win_0008_bottom_1 {
margin:0 0 0 10px;
background:url(../media/win/0008/bottom_right.gif)no-repeat right
}

.win_0008_bottom_2 {
height:10px;
margin:0 10px 0 0;
background:url(../media/win/0008/bottom_center.gif)repeat-x
}

body {
background: linear-gradient(to bottom,#57b5ff,#006bd3);
margin:0
}

div,td,a,h1,h2,h3 {
font-family:arial;
font-size:12px;
color:#666
}

h1.artikel {
color:#ff7f00;
letter-spacing:1px;
font-size:18px
}

.form_0 {
font-family:verdana;
font-size:12px;
width:100%;
border-radius:5px;
padding:2px 5px
}

.form_0 {
width:95%
}

.form_0_submit {
height:24px;
font-family:verdana
}

.form_submit_0 {
color:#fff;
font-weight:700;
text-shadow:1px 1px 1px #000;
height:30px;
border:0;
background:linear-gradient(to bottom,#57b5ff,#006bd3);
border-radius:5px;
display:inline-block;
padding:0 12px;
margin-left:5px
}

.form_submit_0:hover {
background:linear-gradient(to bottom,#428fcc,#105288)
}

.form_width_0,.form_width_1,.form_width_2,.form_width_3 {
width:97%
}

.form_width_0 {
max-width:530px
}

.form_width_1 {
max-width:510px
}

.form_width_2 {
max-width:622px
}

.form_width_3 {
max-width:583px
}

a:link.link_0001,a:visited.link_0001,a:active.link_0001,a:focus.link_0001,h1,.feed,.artikeldesc a {
color:#1597ff
}

.txt_0001,.feeddesc {
color:#444;
margin:5px 0
}

.txt_0002 {
color:#1597ff;
font-size:11px;
-moz-hyphens:auto;
-o-hyphens:auto;
-webkit-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto
}

.txt_0003 {
color:#666
}

.txt_0004 {
color:#888;
padding-bottom:5px
}

.txt_0005 {
color:#ff7f00;
font-style:italic;
padding:3px
}

.separator_0001 {
margin:2px 0;
padding:0;
border-bottom:1px solid #ebecea
}

.tag_cloud_0 {
color:#1597ff;
font-size:18px
}

.tag_cloud_1 {
color:#1597ff;
font-size:15px
}

.tag_cloud_2 {
color:#62b8ff;
font-size:13px
}

.tag_cloud_3 {
color:#8acbff
}

.tag_cloud_4 {
color:#b7deff;
font-size:11px
}

.right {
text-align:right
}

.floatright {
float:right
}

.left {
text-align:left
}

.center {
text-align:center
}

table {
width:100%
}

img {
max-width:100%;
height:auto
}

.img {
width:100%
}

.block {
display:block!important
}

.inline {
display:inline
}

.inlineb {
display:inline-block
}

.valign {
vertical-align:top
}

.fw700 {
font-weight:700
}

.container {
background: #fff;
max-width:1140px;
width:100%;
margin:0 auto;
overflow:hidden
}

.header {
margin:0 10px;
height:100px
}

.headerleft {
margin:10px 8px;
float:left;
width:auto
}

.headerleft a {
display:inline-block
}

.headerright {
margin:15px 35px;
float:right;
width:auto
}

.headernav {
margin:0 12px;
clear:left;
height:48px
}

.headernav a:hover {
text-decoration: none;
}

.selectnav,.selecttagnav,.selectcatnav {
display:none
}

.ten {
display:flex;
margin:10px
}

.row {
width: 71%;
float: left;
display:block
}

.sidebar {
width: 29%;
float: left;
display:block
}

.footer {
padding:10px;
margin:0 15px;
display:inline-block
}

.footernav {
border-top: 1px solid #ddd;
margin: 0 15px;
padding:20px 0;
overflow:auto;
display:block
}

.footernav a {
margin:10px
}

.footernav a.ac {
font-size:12px;
color:#1597ff;
margin:10px
}

.bcms-cookie-notice {
position:fixed;
left:0;
right:0;
bottom:0;
z-index:99999;
background:#ffffff;
border-top:2px solid #9cc4ef;
box-shadow:0 -2px 10px rgba(0,0,0,.08);
padding:14px 18px;
font:13px/1.5 Arial,sans-serif;
color:#222
}

.bcms-cookie-notice__inner {
max-width:1100px;
margin:0 auto;
display:flex;
gap:14px;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap
}

.bcms-cookie-notice__text {
flex:1 1 520px
}

.bcms-cookie-notice__title {
display:block;
margin:0 0 6px 0;
color:#111;
font-size:22px;
font-weight:600;
line-height:1.2
}

.bcms-cookie-notice__copy {
margin:0 0 6px 0;
color:#333
}

.bcms-cookie-notice__legal {
margin:0;
font-size:12px
}

.bcms-cookie-notice__actions {
flex:0 0 auto;
padding-top:6px
}

.bcms-cookie-notice .form_submit_0 {
margin-left:0
}

.w25p {
width:25%
}

.w35p {
width:35%
}

.w60p {
width:60%
}

.w70p {
width:70%
}

.w27 {
width:27px
}

.w90 {
width:90px
}

.w110 {
width:110px
}

.w275 {
width:275px
}

.captcha_image {
display:inline-block;
width:110px;
height:22px;
border:1px solid #cfd6df;
background:#fff;
box-sizing:border-box;
vertical-align:middle
}

.m10-0 {
margin:10px 0
}

.mb0 {
margin-bottom:0
}

.pr5 {
padding-right:5px!important
}

.pr15 {
padding-right:15px!important
}

.p5 {
padding:5px
}

.artikeldesc {
text-align:justify;
letter-spacing:.5px;
color:#444;
line-height:1.5;
background: #fff
}

.artikeldesc ul {
list-style:square;
padding-left:15px
}

.feeddesc img {
padding-left:5px;
float:right;
max-width:40%
}

.artikeldesc,.artikeldesc a {
font-size:14px
}

.artikeldesc a {
font-style:italic;
text-decoration:underline
}

.artikeldesc a:hover {
font-style:normal;
text-decoration:none
}

.artikeldesc h3,.artikeldesc h4,.artikeldesc h5,.artikeldesc h6 {
font-size:14px;
font-weight:500;
color:#1597ff
}

.artikeldesc h2 {
font-size:16px;
letter-spacing:1px;
color:#1597ff
}

.pic {
padding:0 5px;
float:right;
border:none;
width:120px;
height:90px
}

.tag ul {
list-style:none;
text-align:justify;
margin:0;
padding:0
}

.tag ul li {
text-align:justify;
line-height:25px;
display:inline
}

.entry {
padding:10px 0;
display:inline-block;
width:100%
}

.addedit {
width:90px
}

.edit {
padding:20px
}

.edituser,.delete {
float:right;
margin:2px;
bottom:15px;
position:relative
}

.export {
float:right;
margin-top:20px;
padding:10px
}

.rssfeed {
padding-left:18px;
margin:10px 2px;
background:url(/template/media/rss.gif)no-repeat left
}

.rssfeed a {
font-weight:700;
color:#1597ff
}

.example-code {
border-radius:.375em;
border:solid 1px rgba(210,215,217,0.75);
display:block
}

.user,.usertag,.nav {
color:#1597ff
}

.main {
position:relative;
margin: 20px 0
}

label {
position: absolute;
top: 0;
font-size: 16px;
margin:6px 10px;
-webkit-transition: top .2s ease-in-out,font-size .2s ease-in-out;
transition: top .2s ease-in-out, font-size .2s ease-in-out;color: rgba(102, 102, 102,.5);
}

.labeldino {
display:none
}

.form {
position: relative;
font-size: 12px;
margin: 0;
padding: 10px 0;
color: inherit
}

.active {
display:block;
top: -20px;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;color: #1597ff;
}

input[type=text],input[type=url],input[type=email],input[type=password],textarea,select {
width: 100%;
padding:5px;
border-radius:5px;
font-size: 12px;
font-family: verdana;
box-sizing: border-box;
border-color:inherit;
}

input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{
outline:none
}

.tox-toolbar {
flex-wrap:wrap!important
}

.icons {
text-align:center
}

.icons a {
display:inline-block;
width:36px;
height:36px;
margin-top:14px;
cursor:pointer;
vertical-align:middle;
-o-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
-ms-transition:all .3s
}

.icons a:hover {
transform:scale(1.2);
opacity:.7
}

.icons a.ko-fi {
background:url(/images/kofi.png) left top no-repeat
}

.icons a.twitter {
background:url(/images/twitter.png) left top no-repeat
}

.icons a.facebook {
background:url(/images/facebook.png) left top no-repeat
}

.icons a.tumblr {
background:url(/images/tumblr.png) left top no-repeat
}

.icons a.reddit {
background:url(/images/reddit.png) left top no-repeat
}

.icons a.support {
background:url(/images/support.png) left top no-repeat
}

.icons a.ko-fi {
animation:ko-fi-wiggle 3s infinite
}

@keyframes ko-fi-wiggle {
0% {
transform:rotate(0) scale(1)
}

60% {
transform:rotate(0) scale(1)
}

75% {
transform:rotate(0) scale(1.12)
}

80% {
transform:rotate(0) scale(1.1)
}

84% {
transform:rotate(-10deg) scale(1.1)
}

88% {
transform:rotate(10deg) scale(1.1)
}

92% {
transform:rotate(-10deg) scale(1.1)
}

96% {
transform:rotate(10deg) scale(1.1)
}

100% {
transform:rotate(0) scale(1)
}
}

.term,.privacy {
list-style:square;
padding-left:10px;
color:#f00
}

.privacy {
color:#666
}

ol {
padding-left:15px
}

.promo {
text-align: center;
height:10px;
position:relative;
top:5px
}

.promo a {
color: #ff7f00;
padding:5px
}

.donat {
width: 100px;
position: relative;
bottom: 20px;
}
.donat a {
display: inline-block;
}

.donat img:hover {
    transform: scale(1.2);
}

@media (max-width: 990px) {
.sidebar {
 min-width: 280px;
}
}

@media only screen and (max-width: 720px) {
.selectnav,.selecttagnav,.selectcatnav {
display:inline-block!important;
padding-left:20px!important;
font-size:17px;
color:#fff;
background:url(/template/media/pfeil.png)no-repeat calc(100% - .4em) #008ae7 !important;
background-size:1.25em!important;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border:none
}

.selecttagnav,.selectcatnav {
margin: 10px 0;
}

#nav,#tagnav,#catnav {
display:none
}

.donat {
width: 100%;
bottom: 0;
}
}

@media (max-width: 720px) {
h1.artikel {
font-size:16px
}

.container {
max-width:400px
}

.row,.sidebar {
width:100%;
min-width:auto;
max-width:none
}

.ten {
display:block
}

.footer {
font-size:9px;
padding-bottom:15px;
border-bottom: 1px solid #ddd;
text-align:center
}

.footernav {
padding:20px 0;
margin:0;
border:0;
text-align:center
}

.pic {
padding-bottom:5px;
float:none;
margin-left:auto;
margin-right:auto;
padding-right:0
}

.feeddesc {
display:inline-block
}

.feeddesc img {
display:block;
float:none;
padding-bottom:5px;
margin-left:auto;
margin-right:auto;
padding-right:0;
max-width:100%
}

.dino {
display:none
}

.browse div {
padding:10px 0!important;
font-size:14px
}

.browse a,.browse .info,.browse .ac {
padding:10px!important
}

.addedit {
width:275px
}

.tag a {
padding:5px;
margin:3px;
display:inline-block;
border:.1px dashed;
border-radius:5px
}
.rssfeed a {
padding:7px;
background:linear-gradient(to bottom,#eea66b,#f86f00);
color:#fff;
border-radius:5px;
display:inline-block
}
.rssfeed a:hover {
background:linear-gradient(to bottom,#f86f00,#c35a05);
text-decoration:none
}

.w275,.form_width_0,.tox.tox-tinymce {
width:100%
}
}

@media (max-width: 320px) {
.footernav a {
font-size:10px
}
}

#tt {
text-shadow:1px 1px 1px #000;
text-align:center;
font-weight:700;
border-radius:6px;
color:#fff;
padding:10px;
background:linear-gradient(rgba(87,181,255),rgba(0,107,211));
display:none;
position:absolute;
z-index:999999
}

#tt.tt-open {
display:block
}

#tt:after {
width:0;
height:0;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:15px solid rgba(0,107,211,1);
border-top-color:rgba(0,107,211,1);
content:'';
position:absolute;
left:50%;
bottom:-15px;
margin-left:-15px
}

#tt.tt-bottom:after {
border-top-color:transparent;
border-bottom:15px solid rgba(86,180,254,1);
border-bottom-color:rgba(86,180,254,1);
top:-30px;
bottom:auto
}

#tt.tt-left:after {
left:5px;
margin:0
}

#tt.tt-right:after {
right:5px;
left:auto;
margin:0
}

.info.tt {
background:url(/template/media/info20.png)no-repeat;
margin-left:7px;
margin-top:-2px;
width:20px;
height:20px;
display:inline-block;
position:absolute
}