@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.darkSwitch {display: none !important}
}
@supports (-ms-ime-align:auto), (-ms-accelerator:true) {
.darkSwitch {display: none !important}
}
[data-theme="dark"] {background: #000 !important;color: #eee;}
[data-theme="dark"] #news-content blockquote::before, [data-theme="dark"] #news-content blockquote,  [data-theme="dark"] .content-wrapper, [data-theme="dark"] .top-wrapper, [data-theme="dark"] .slogan-wrapper  {
background: #222 !important;
color: #eee !important;
}
[data-theme="dark"] .pl-img, [data-theme="dark"] .slogan-img, [data-theme="dark"] .logo-img {mix-blend-mode: difference;filter: invert(1) hue-rotate(180deg);}
[data-theme="dark"] .letter-container h2 a span, [data-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered, [data-theme="dark"] .current, [data-theme="dark"] .page-title, [data-theme="dark"] .sidebar-block ol li::before, [data-theme="dark"] .sidebar-block-title, [data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6  {color: #eee !important}
[data-theme="dark"] a:hover {color:#fff}
[data-theme="dark"] .gsc-search-button-v2, [data-theme="dark"] .gsc-search-button-v2:hover, [data-theme="dark"] .st-btn-container {background: #222}
[data-theme="dark"] blockquote, [data-theme="dark"] .news-comment {background-color:#131313}
[data-theme="dark"] .copybox, [data-theme="dark"] .copybox2, [data-theme="dark"] #gsearch #gsc-i-id1, [data-theme="dark"] .select2-dropdown, [data-theme="dark"] .select2-container--default .select2-selection--single, [data-theme="dark"] input:not(#searchtxt), [data-theme="dark"] #searchtxt:focus, [data-theme="dark"] textarea, [data-theme="dark"] .innav, [data-theme="dark"] .sproech li.aw {background: #333 !important; color:#fff !important}
[data-theme="dark"] #searchsubm:not([disabled]), [data-theme="dark"] .hlb-top a, [data-theme="dark"] #subnavigation li.level-2 a.active::before {color:#ccc;}
[data-theme="dark"] .hlb-description {background: #1e1e1e;border-bottom:none}
[data-theme="dark"] .breadcrumbs {border-bottom: 1px dotted #777;}
[data-theme="dark"] .sidebar-block-title, [data-theme="dark"] #subnavigation li a {border-bottom: 1px solid #777;}
[data-theme="dark"] .comment-pic, [data-theme="dark"] .sproech img {filter: invert(1) hue-rotate(180deg)}
[data-theme="dark"] .tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box, [data-theme="dark"] .tooltipster-sidetip.tooltipster-shadow .tooltipster-box, [data-theme="dark"] .tooltipster-arrow, [data-theme="dark"] .tooltipster-box, [data-theme="dark"] .gsc-adBlock, [data-theme="dark"] .gsc-resultsbox-visible, [data-theme="dark"] #iframe-form, [data-theme="dark"] .tcontent {filter: brightness(0.86) invert(1) hue-rotate(180deg)}
[data-theme="dark"] table tr.row1 {background-color: #1E1E1E;}
[data-theme="dark"] table tr.row2 {background-color: #2F2E2E;}
[data-theme="dark"] input::placeholder {color: #eee;opacity: 0.5;}
[data-theme="dark"] #login-home {background-image: linear-gradient(to top, rgb(60, 60, 60), rgb(91, 91, 91))}
[data-theme="dark"] #login-home::after {border-color: transparent transparent #5b5b5b transparent}
[data-theme="dark"] .adsbygoogle {filter: invert(87%) hue-rotate(180deg)}
[data-theme="dark"] .search-wrap .search-btn.aktive, [data-theme="dark"] .search-wrap .search-cls, [data-theme="dark"] a.amzn::after, [data-theme="dark"] a.appl::after {color: #ddd !important;}
body:not(#iframe) {background:#f4f4f4 url(/themes/muenic/images/bg.gif);color:#333;background-size: cover;}
.slogan-wrapper,.slider-wrapper,.content-wrapper,.flexslider-wrapper {background:#fff;}

@media only screen and (min-width: 1222px) {
#container {width: 1200px;margin: 0 auto}
.cookcodesmenu_menu {display: none}
.container {width: 1150px}
.container.foot {width: 1140px;display: flex;justify-content: space-around;flex-flow: row nowrap}
.container .page-content.with-sidebar {width: 72%}
.container .with-sidebar .four.columns {width: 145px}
.container .four.columns {width: 33%}
.container .five.columns {width: 22%}
.container .sixteen.columns {width: 1140px}
.container .slider {width: 1140px}
.responsbox {float: left;margin: 0 25px;width: 33%}
.commentbox {margin: 0 auto 12px;max-width: 320px}
.info-wrapper {padding-right: 45px;height: 125px}
.logo-wrapper {padding-left: 40px;height: 125px}
.logo-img {width:95%}
.slogan-img {max-height:34px;padding-top: 7px}
.header-wrapper {height:50px}
.search .search-input {top:15px}
.search .search-btn, .search .hidden-btn, .search .search-cls {padding: 23px 10px}
.navigation-wrapper2 {
position: relative;
z-index: 999999;
background: #555 none repeat scroll 0 0;
height: 50px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(85, 85, 85)), color-stop(0.4, rgb(77,77,77)), color-stop(0.38, rgb(87,87,87)), color-stop(0, rgb(136,136,136)));
background-image: -webkit-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -moz-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -ms-linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
background-image: -o-linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
background-image: linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
}
.navigation-wrapper2:before, .navigation-wrapper2:after {
background: #555 none repeat scroll 0 0;
content: "";
height: 50px;
left: -10px;
position: absolute;
top: 0;
width: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(85, 85, 85)), color-stop(0.4, rgb(77,77,77)), color-stop(0.38, rgb(87,87,87)), color-stop(0, rgb(136,136,136)));
background-image: -webkit-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -moz-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -ms-linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
background-image: -o-linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
background-image: linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
}
.navigation-wrapper2:after {right: -10px;left: auto}
.arrow-wrap {position: relative}
.arrow-wrap:before, .arrow-wrap:after {
border-bottom: 10px solid transparent;
border-right: 10px solid #686868;
border-top: 10px solid transparent;
content: "";
left: -10px;
position: absolute;
top: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.arrow-wrap:after {
left: auto;
right: -10px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 800px) and (max-width: 1221px) {
.responsive .slogan-wrapper,
.responsive .slider-wrapper,
.responsive .content-wrapper,
.responsive .footer-wrapper,
.responsive .footer-bottom-wrapper,
.responsive .header-wrapper,
.responsive .top-wrapper,
.responsive .navigation-wrapper {width: 100%;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0}
.responsive .sf-menu > li > a {padding: 20px 10px}
.responsive .flexslider-wrapper .flex-direction-nav .flex-next {right: 0}
.responsive .flexslider-wrapper .flex-direction-nav .flex-prev {left: 0}
.sf-menu {display: none}
.container {width: 99%}
.container.foot {width: 94%;display: flex;justify-content: space-around;flex-flow: row nowrap}
.container .four.columns {width: 33%}
.container .five.columns {width: 24%; max-width: 200px}
.container .sixteen.columns {width: 94%}
.container .slider {width: 95%;margin: 0 auto}
.container .page-content.with-sidebar {width: calc(100% - 280px);padding: 0 20px 0 0}
.container .with-sidebar .four.columns {width: 112px}

.info-wrapper {padding-right: 20px;height: 125px;max-width: 45%}
.logo-wrapper {padding-left: 20px;height: 125px;max-width: 45%}
.logo-img {max-width: 85%;max-height: 85%}
.slogan-img {max-width: 90%;max-height: 90%;padding-top: 7px}
.search .search-input {top:10px}
.search .search-btn, .search .hidden-btn, .search .search-cls {padding: 23px 10px}
.top-wrapper {position: relative}
.header-wrapper {height:51px;background: #555}
.responsbox {float: left;width:33%;margin: 0 25px}
.tach {padding-top: 15px}
#profile {top: 50px}
.footer {padding: 30px 0 0}
.note {margin: 0px 25px 10px 60px}
.slogan-wrapper h1 {width: 80%}
.commentbox {margin: 0 auto 12px;max-width: 270px}
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 799px) {
.container { 
width: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.columns, .column {margin: 0 10px}
.container .four.columns, .container .five.columns, .container .sixteen.columns {width: 94%}
.container .slider {width: 95%;margin: 0 auto}
.container .page-content.with-sidebar {width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
.container .with-sidebar .four.columns, .container .with-sidebar .sixteen.columns {width: 280px}
.commentbox {margin: 0 0 12px;max-width: 420px}
.responsbox {float: left;width:95%}
.note {margin: 0px 0px 10px 15px}
.slogan-wrapper h1 {width: 100%;margin-bottom: 1.3em}
.tape, .vinyl, .playlist {float: left;width: 25%;margin-bottom: 15px;height: 65px}
#login-home:after {right: 99px}
#nav-select, .nav-select {
position: absolute;
left: 25px;
top: 5px;
width: 220px;
}
#nav-select2, .nav-select2 {
position: absolute;
left: 25px;
top: 50px;
width: 220px;
}
.select2 {width: 220px;height:36px}
.news-text {width: 100%}
#subnavigation .level_2 li:not(.show) {display: none}
}
@media only screen and (min-width: 600px) {.news-image {float: left}}
@media only screen and (min-width: 800px) {
.vinyl {
height: 61px;
position: relative;
width: 100%;
margin-top: 15px;
}
.tape {
height: 43px;
position: relative;
width: 100%;
margin-top: 15px;
}
#nav-select, .nav-select {
position: absolute;
left: 25px;
top: 5px;
width: 185px;
}
#nav-select2, .nav-select2 {
position: absolute;
left: 25px;
top: 50px;
width: 185px;
}
.select2 {width: 185px;font-size:0.95em}
.select2-results__option {font-size:0.89em !important}
.news-text {width: 80%}
.sidebar-block ol li a {
text-overflow: ellipsis;
overflow: hidden;
display: block;
white-space: nowrap;
width: 178px;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 480px) {.profile-nav {width: 260px;margin-right: 20px;} #login-home {right:135px} #charts ol {margin: 0 0 0 30px}}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) width = 400px */
@media only screen and (min-width: 480px) and (max-width: 799px) {
.container {width: 100%}
.columns, .column {margin: 0 10px}
.container .four.columns, .container .five.columns, .container .sixteen.columns {width: 96%}
.container .page-content.with-sidebar {width: 100%}
.container .with-sidebar .four.columns, .container .with-sidebar .sixteen.columns {width: 400px}
.responsive .header-wrapper {height:51px;background: #555}
.responsive .info-wrapper {padding-right: 20px;height: 115px;max-width: 45%}
.responsive .logo-wrapper {padding-left: 20px;height: 115px;max-width: 45%}
.responsive .logo-img {max-width: 80%;max-height: 80%}
.responsive .slogan-img {max-width: 85%;max-height: 85%;padding-top: 5px}
.responsive .search .search-input {top:10px}
.responsive .search .search-btn, .search .hidden-btn, .search .search-cls {padding: 23px 10px}
.responsive blockquote {width:85%}
.responsive .tach {padding-top: 15px}
.responsive #profile {top: 50px}
.responsive .footer {padding: 30px 10px 0}
.responsive .slogan-wrapper,
.responsive .slider-wrapper,
.responsive .content-wrapper,
.responsive .footer-wrapper,
.responsive .footer-bottom-wrapper,
.responsive .header-wrapper,
.responsive .navigation-wrapper {width: 100%;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0}
.responsive .top-wrapper {width: 100%;height:115px}
.responsive .navigation-wrapper {padding: 0;top:115px}
.responsive .navigation-wrapper .sf-menu {display: none}
.responsive .navigation-wrapper select {display: block !important; width: 400px !important; margin: 0 auto}
.responsive .flexslider-wrapper .flex-direction-nav .flex-next {right: 0}
.responsive .flexslider-wrapper .flex-direction-nav .flex-prev {left: 0}
.responsive .flex-caption {display: none}
.responsive .features-tabs .features-nav li.ui-state-active a:after {border: none}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) width = 280px*/
@media only screen and (max-width: 479px) {
.responsive .slogan-wrapper,
.responsive .slider-wrapper,
.responsive .content-wrapper,
.responsive .footer-wrapper,
.responsive .footer-bottom-wrapper,
.responsive .header-wrapper,
.responsive .navigation-wrapper {width: 100%;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0}
.responsive .info-wrapper {text-align: center; float: none; margin: 0 auto; display: block;padding-top: 3px}
.responsive .info-inner {float: none; margin: 0 auto;display: block;text-align: center}
.responsive .top-wrapper {width: 100%;height:100px}
.responsive .logo-wrapper {float: none; margin: 0 auto; text-align: center;padding-top: 5px}
.responsive .logo {display: block}
.responsive .navigation-wrapper {padding: 0;top:100px}
.responsive .navigation-wrapper .sf-menu {display: none}
.responsive .flexslider-wrapper .flex-direction-nav .flex-next {right: 0}
.responsive .flexslider-wrapper .flex-direction-nav .flex-prev {left: 0}
.responsive .flex-caption {display: none}
.responsive .features-tabs .features-nav li.ui-state-active a:after {border: none}
.responsive .logo-img {max-width: 60%;max-height: 60%}
.responsive .slogan-img {max-width: 53%;max-height: 53%}
.responsive .search .search-input {top:10px}
.responsive .search .search-btn, .search .hidden-btn, .search .search-cls {padding: 23px 10px}
.responsive blockquote {width:85%}
.responsive .header-wrapper {height:51px;background: #555}
.responsive .tach {padding-top: 15px}
.responsive #profile {top: 50px}
.responsive .footer {padding: 30px 10px 0}
.responsive img {max-width:100%}
#news-content blockquote {width: 90%;margin: 15px 0px 20px}
#login-home {right:56px}
#charts ol {margin: 0 0 0 8px}
}
.container .four.columns.sec {float:none; width:100%}
#search-form #searchtxt {
position: absolute;
right: 0;
top: 9px;
width: 20px;
opacity: 1;
height: 30px;
background: transparent;
border: none;
color: #222;
padding: 8px 20px;
font-size: 13px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 5;
cursor:pointer;
}
#search-form #searchtxt:focus {width: 210px;background: #f2f2f2;cursor: text}
#searchsubm:disabled {color: #eee;pointer-events: none}
#searchsubm:not([disabled]) {color: #555;z-index: 5}
.search-wrap {width: 50px;position: relative}
.search-wrap .search-btn {
position: absolute;
right: 0;
outline:0;
height:45px;
cursor:pointer;
box-shadow: none;
transition:none;
text-align: center;
background:transparent;
border:0;
top: 2px;
padding: 0;
}
.sidebar-block-title {
float: left;
width: 90%;
padding: 5px 15px 0px 0px;
color: #444;
font-size: 16px;
clear: both;
line-height: 35px;
margin: 0 0 1.3em 0.7em;
border-bottom: 1px solid #ddd;
}
#subnavigation.no-border, #subnavigation ul.no-border {border: 0 !important}
#subnavigation {margin: 0;position: relative}
#subnavigation li {float: left;background: none;width: 97%}
#subnavigation li a {
border-bottom: 1px solid #DDDDDD;
float: left;
padding: 10px 0;
width: 100%;
}
#subnavigation li a.no-border {border: 0 !important}
#subnavigation li.level-3 a {
width: 155px;
padding: 3px 5px 3px 15px;
font-size: 13px;
border: 0;
background-position: 16px 7px;
}
#subnavigation li.level-4 a {
width: 190px;
padding: 0 5px 0 45px;
font-size: 12px;
line-height: 1.7;
background-image: url('images/nav-3-inactive.png');
background-position: 31px 7px;
}
#subnavigation li.level-1 > a, #subnavigation li ul {display: none}
#subnavigation li.level-1 > ul, #subnavigation li.active > ul {display: block;margin: 0 0 0 30px}
#subnavigation li.active.level-2 > ul {
margin: 0;
float: left;
padding: 10px 0 9px 0;
border-bottom: 1px solid #D6D6D6;
width: inherit;
}
#subnavigation li.active.level-3 > ul {margin: 0;float: left;padding: 5px 0 5px 0}
#subnavigation li a.active:hover {color:#0a8fdd}
#subnavigation li a.hide {display:none}
#subnavigation li.level-2 a.active {font-weight: bold}
#subnavigation li.level-2 a.active:before {
font-family: 'Font Awesome 5 Free';
content: '\f025';
font-weight: 900;
position: absolute;
left: 7px;
color: #555;
font-size: 13px;
}
#subnavigation li.level-3 a.active:before {
font-family: 'Font Awesome 5 Free';
content: '\f025';
font-weight: 900;
position: absolute;
left: 26px;
color: #555;
font-size: 11px;
}
#subnavigation li.hide2, .monatauf {display: none}
/* End CSS Reset */
.sf-menu a.hide, .cookcodesmenu_menu a.hide {display:none !important}

/* #Forms
================================================== */
form {margin-bottom: 20px}
fieldset {margin-bottom: 20px}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus {
-moz-box-shadow: 0 0 6px rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);
box-shadow:  0 0 6px rgba(0,0,0,.3);
color: #444;
}
textarea {min-height: 60px}
label {
display: block;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
legend {
display: block;
font-weight: bold;
font-size: 15px;
padding-bottom:15px;
}
label span, legend span {font-weight: normal;font-size: 13px}
textarea {height: auto;resize: vertical}
input,
button,
textarea {
width: 280px;
padding: 8px;
margin: 0;
color: #555;
font-family: Arial;
border: 1px solid #aaa;
background: #FFFFFF;
outline: 0;
font-size: 14px;
border-radius: 4px;
}
select {opacity: 0;padding: 6px 6px 7px 6px}
input::placeholder {
color: #898989;
font-size: 1em;
font-style: italic;
opacity: 0.8;
}
input[type=text] {line-height: 17px}
button,
input[type=submit],
input[type=button],
input[type=reset] {width:auto;cursor:pointer}
.btn,
input[type=submit],
input[type=button],
input[type=reset] {
padding: 11px 17px 10px 17px;
color: #FFFFFF;
font-size: 14px;
line-height: 17px;
text-decoration: none;
border: 0;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-color: white #F8F8F8 #F2F2F2 #F8F8F8;
box-shadow: 3px 3px 4px #C5C5C5;
-moz-box-shadow: 3px 3px 4px #C5C5C5;
-webkit-box-shadow: 3px 3px 4px #C5C5C5;
-o-box-shadow: 3px 3px 4px #C5C5C5;
position: relative;
outline: none;
transition: all ease .1s;
-moz-transition: all ease .1s;
-webkit-transition: all ease .1s;
transition: none;
background: rgb(71,71,71);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(71,71,71)), color-stop(0.4, rgb(77,77,77)), color-stop(0.38, rgb(87,87,87)), color-stop(0, rgb(136,136,136)));
background-image: -webkit-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(71,71,71) 100%);
background-image:    -moz-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(71,71,71) 100%);
background-image:     -ms-linear-gradient(to top, rgb(133,133,133), rgb(71,71,71));
background-image:      -o-linear-gradient(to top, rgb(133,133,133), rgb(71,71,71));
background-image:         linear-gradient(to top, rgb(133,133,133), rgb(71,71,71));
}
#count {
font-size: 12px;
display: inline-block;
}

@media only screen and (max-width: 900px) {
fieldset .checkbox, fieldset .radio {padding-left: 0 !important}
.help-block {padding-left: 0 !important;width: 100%}
form p label, form label, form p, form > fieldset > div {margin: 0;float:none}
form p {padding-left: 0;float:none}
fieldset .checkbox, fieldset .radio {padding-left: 0 !important}
div.mediaBrowserfolderWidget ul, .contactFormUpload {width: 220px}
.reg {width: 330px}
}
@media only screen and (max-width: 390px) {
input, button:not(.search-btn):not(.btn-default):not(.lg-icon), textarea, form .contactFormUpload ul, form .formUploadedFiles ul {width: 200px}
select {width: 218px}
form .contactFormUpload ul, form .formUploadedFiles ul {float: left;width: 223px;padding: 0 0 5px 0}
#count {width: 210px}
.reg {width: 250px}
}
@media only screen and (min-width: 391px) {
select {width: 298px}
form .contactFormUpload ul, form .formUploadedFiles ul {float: left;width: 300px;padding: 0 0 5px 0}
}
@media only screen and (min-width: 901px) {
form p label, form label, form p, form > fieldset > div {margin: 0;float:left}
div.mediaBrowserfolderWidget ul, .contactFormUpload {width: 300px}
.reg {width: 580px}
}
.profile-nav {
float: right;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
max-width:260px;
}
.profile-nav i {
font-size: 16px;
width: 50px;
padding: 16px 0px;
}
.fa-sign-in-alt, .fa-user-plus {color:#eee}
#down2 {cursor: pointer}
#down {
font-size: 1em;
padding:5px;
position: relative;
width: 5px;
}
#downi:hover > .tach > #down {color: #0a8fdd}
#downi {
height: 50px;
position: relative;
min-width: 150px;
cursor: pointer;
color: #eee;
}
#downi:hover {background: #4a4a4a}
.tach {
padding-top: 14px;
font-size: .8em;
display: block;
text-align: center;
}
#profile {
display: none;
position: absolute;
z-index: 99999;
width: 100%;
right: 0;
top: 50px;
background-image: linear-gradient(to bottom, rgb(106, 106, 106), rgb(85, 85, 85));
}
#login-home {
display: none;
font-size: .8em;
background: #fff;
position: absolute;
z-index: 99999;
top: 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.16), 4px 6px 8px 5px rgba(0,0,0,0.12);
background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(242, 242, 242));
}
.fa-li2 {
text-align: center;
width: 15px;
line-height: inherit;
position: absolute;
}
.content ul:not(.sproech):not(.horizontal-list3):not(.vc-controls):not(#news):not(.align):not(.pages):not(.hardcover_back):not(.book_spine):not(.innav) li {padding: 0 0 5px 20px;background: url('images/marker.gif') no-repeat 2px 8px}
.content ol li {margin: 0 0 5px 25px;list-style: decimal;padding-left: 5px}
.sidebar-block-title span {
border-bottom: 1px solid #0a8fdd;
top: 1px;
position: relative;
display:inline-block;
}
.sidebar-block-title #thumbs-up,
.sidebar-block-title #headphones {
position: absolute;
bottom: 8px;
right: 5px;
color: #0a8fdd;
cursor: pointer;
font-size: 19px;
padding-right:0;
}
.sidebar-block-title i {font-size: 16px;padding-right:10px}
.views {width: 95%}
.votes {width: 95%;display: none}
.topviews, .topvotes {border-bottom: 1px solid #0a8fdd;top: 1px;position: relative}
.topviews {display:inline-block}
.topvotes, #headphones, .st-panel, #news-comment-form {display: none}
.sidebar-block {
float: left;
margin: 0 0 15px;
padding: 0px 15px 5px 10px;
width: 100%;
box-sizing: border-box;
}
.sidebar-block ol {margin: 0 0 0 25px}
.sidebar-block ol, #charts ol {transition: opacity 0.5s;position: relative;counter-reset: my-counter;list-style: none}
.sidebar-block ol li, #charts ol li {padding-left: 3px;margin-bottom: 8px;position: relative;counter-increment: my-counter;list-style: none}
#charts ol li {margin-bottom: 15px}
#charts a {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}
#charts .charts {width:100%;font-size: 12px;color: gray}
#charts .jstars {float: left;min-width:70px}
.sidebar-block ol li::before, #charts ol li::before {
content: counter(my-counter);
color: #555;
top: 5px;
font-size: 0.9rem;
font-weight: bold;
position: absolute;
line-height: var(--size);
height: var(--size);
transform: rotate(-12deg);
border-radius: 50%;
text-align: center;
box-shadow: 1px 1px 2px 1px #999;
}
.sidebar-block ol li::before {
left: -30px;
width: 18px;
--size: 18px;
}
#charts ol li::before {
--size: 25px;
left: -35px;
width: 25px;
}
.sidebar-block ol li span {font-size: 14px;padding-top: 2px;display: block}
.sidebar-cassette {
background: transparent url(images/tn_kassette.png) no-repeat center center;
background-size: 66px;
height: 100%;
width: 100%;
position: relative;
}
.sidebar-vinyl {
background: transparent url(images/vinyl.png) no-repeat center center;
background-size: 55px;
height: 100%;
width: 100%;
position: relative;
}
.home-pl, .home-pl2 {position: relative;display: block;width: 80px;margin: 0 auto}
.home-pl::before {
color: #e52d27;
content: "\f04b";
z-index: 100;
font-size: 17px;
bottom: 17px;
position: absolute;
left: 35px;
cursor: pointer;
font-family: 'font awesome 5 free';
font-weight: 900;
}
.home-pl2::before {
color: #2ebd59;
content: "\f1bc";
z-index: 100;
font-size: 22px;
bottom: 17px;
position: absolute;
left: 30px;
cursor: pointer;
font-family: 'font awesome 5 brands';
font-weight: 900;
}
.home-pl2::after {
color: #fff;
content: "\f111";
z-index: 99;
font-size: 16px;
bottom: 17px;
position: absolute;
left: 33px;
font-weight: 900;
font-family: 'font awesome 5 free';
}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 32px !important;color: #555 !important}
.select2-container .select2-selection--single {height: 34px !important}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 32px !important}
.select2-container--open .select2-dropdown--above {z-index: 99999999}
.select2-search--dropdown .select2-search__field {padding: 5px !important}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #0a8fdd transparent transparent transparent !important;border-width: 6px 5px 0 5px !important;margin-left: -8px !important}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #0a8fdd transparent !important;border-width: 0px 5px 6px 5px !important}
.blog-nav-lvl-1 {padding-left:30px;font-size:110%}
.blog-nav-lvl-1 li {
border-bottom: 1px solid #DDDDDD;
float: left;
padding: 10px 0;
width: 100%;
margin-bottom: 0;
}
.blog-nav-lvl-1 a.current {font-weight: bold}
.blog-nav-lvl-1 a.current:hover {color: #0a8fdd}
.blog-nav-lvl-1 a:before {
font-family: 'Font Awesome 5 Free';
content: '';
position: absolute;
left: 7px;
}
.blog-nav-lvl-1 span {
color: #8A8A8A;
font-size: 88%;
bottom: 1px;
position: relative;
margin-left: 2px;
}
.blog-nav-lvl-1 a.current:before {
font-family: 'Font Awesome 5 Free';
content: '\f025';
font-weight: 900;
position: absolute;
left: 7px;
color: #555;
}
.real-vid-cont {width:90%;max-width: 450px;margin: 50px auto 40px;position: relative}
.video-container {
position: relative;
padding-bottom: 56.25%;
margin: 0 auto;
height: 0;
overflow: hidden;
box-shadow: 10px 13px 14px -4px rgba(50, 50, 50, 0.6);
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tooltipp {
position: relative;
display: inline-block;
text-align: center !important;
justify-content: center;
margin: 0 auto;
width: auto;
}
.tooltipp .tooltipptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
}
.tooltipp .tooltipptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltipp:hover .tooltipptext {visibility: visible;opacity: 1}
/* styles for desktop */
.tinynav {display: none}
/* styles for mobile */
@media screen and (max-width: 600px) {
.tinynav {display: block}
#blog-nav {display: none}
}
.mwiki, .tvideo, .tvideo2, .tvideo3 {display:none}
[data-wiki], .toolvideo, .toolvideo2, .toolvideo3, .toolpic, .fancypic {
display: inline-block;
line-height: 1.15em;
height: 1.15em;
border-bottom: 1px dashed #0a8fdd;
cursor: help;
}
.mwiki {color:#444;font-size:0.9em}
.mwiki .headline {display:block;padding:5px 0 10px;float:left}
.mwiki .tt-close {float:right;cursor:pointer;font-size:17px;color:#666;padding:5px 4px 0 0}
.mwiki .text {text-align:justify; clear:left}
.mwiki .foot {display:block;padding:10px 0 7px}
.paging {width:100%;clear:left;font-size: 92%}
img.lupe {cursor: -webkit-zoom-in;cursor: url(/images/content/lupe.cur), zoom-in}
.copybox {background: #ffffff; overflow:hidden; width:450px; max-width: 90%;height:70px; border:solid #b6b6b6;border-width:.1em .1em .1em .1em;padding:.5em .6em;margin: 0 auto; font-size: 95%}
.copybox2 {background: #f8f8f8; overflow:auto;width:85%;border:solid gray;border-width:.1em .1em .1em .6em;padding:.2em .6em}
.vstl_dbox_1 {line-height: 1em}
#search-form {margin: 0}
.darkSwitch {position: relative;width: 50px;height: 50px}
#darkSwitch {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0px;
cursor: pointer;
opacity: 0;
z-index: 2;
}
#dark span {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
overflow: hidden;
opacity: 1;
transition: 0.2s ease opacity;
}
#dark span:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
transition: 0.5s ease transform;
z-index: 0;
background: url(images/moon.svg) no-repeat center center;
filter: invert(100%);
}
#dark input[type="checkbox"]:active + span {opacity: 0.5}
#dark input[type="checkbox"]:checked + span:after {background: url(images/sun.svg) no-repeat center center;filter: invert(100%)}
@media only screen and (max-width: 529px) {
.vc-container{display:none}
.handy-container{display:block}
}
@media only screen and (min-width: 530px) {
.vc-container{display:block}
.handy-container{display:none}
}
.pinned{background:#fff;border-right:1px solid #ccc;border-left:1px solid #ccc;}
div.table-wrapper{border-right:1px solid #ccc}
.info-inner{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.4);}
.selectnav{background:#fff;border:1px solid #ccc}
.breadcrumbs{border-bottom:1px dotted #ddd}
.zitate-li2 {background: url('images/marker.gif') no-repeat 10px 10px !important;padding-left: 0 !important;display: table-row}
a:hover,#shareBtn:hover{color:#222;text-decoration: none}
.divider-color,.lightbox-photo:hover,.flex-control-paging li a.flex-active,.widget .lp-image a:hover {background:#0a8fdd}
h6 .first-word,a, .href,#shareBtn{color:#0a8fdd}
a, .href, #shareBtn {
text-decoration:none;
cursor: pointer;
-webkit-transition: border .2s ease, color .2s ease;
-moz-transition: border .2s ease, color .2s ease;
-ms-transition: border .2s ease, color .2s ease;
-o-transition: border .2s ease, color .2s ease;
transition: border .2s ease, color .2s ease;
}
a:focus {color: #0a8fdd;text-decoration: none}
a:active {outline:none}
#news-content blockquote {
width: 83%;
font-family: 'Open Sans', sans-serif;
font-size: inherit;
margin: 15px 15px 20px;
line-height: 21px;
font-style: italic;
padding: 8px 0 8px 27px;
color: #444;
position: relative;
background: #fff;
border-radius: 0;
box-shadow: none;
border-left: 4px solid #0a8fdd;
text-align: justify;
}
#news-content blockquote::before{
content: "";
position: absolute;
top: 50%;
left: -5px;
height: 2em;
background-color: #fff;
width: 8px;
margin-top: -1.12em;
}
#news-content blockquote::after{
content: "\201C";
position: absolute;
top: 50%;
left: -0.5em;
color: #0a8fdd;
font-family: "arial";
font-style: normal;
line-height: 1.47em;
text-align: center;
text-indent: -5px;
width: 1em;
margin-top: -0.5em;
transition: 0.2s all ease-in-out, 0.4s transform ease-in-out;
font-size: 4em;
z-index: 9999;
}
hr {
border: 0;
height: 1px;
margin: 20px 0;
background-image: -webkit-linear-gradient(left, #f0f0f0, #b3b3b3, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #b3b3b3, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #b3b3b3, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #b3b3b3, #f0f0f0);
background-image: linear-gradient(left, #f0f0f0, #b3b3b3, #f0f0f0);
clear: both;
}
img {font-size:14px;max-width:100%}
/* ---------------------------- */
/*            Lists
/* ---------------------------- */
ul {margin: 10px 0}
ol {list-style:decimal;margin: 10px 0}
ul ul li,ul ol li,ol ol li,ol ul li {margin-bottom:0px}
li {margin-bottom:12px}
.weblinks ul li {margin-bottom:7px}
/* ---------------------------- */
/*           Tables
/* ---------------------------- */
table {border-collapse: collapse;text-align: center;width: 100%}
th {padding: 0.8em;font-weight: bold}
td {font-size: 14px;padding: 0.8em}
/* ---------------------------- */
/*        Social Icons
/* ---------------------------- */
.sozis, .tagcloud {position: relative;width: 95%;margin: 0 auto}
.sozis div:not(.footer-tooltip) {float: left;margin: 0 9% 10px 0;max-width: 9%}
.sozis div a {
display: block;
width: 24px;
height:19px;
font-size: 30px;
color: #797979;
font-weight: normal;
position: relative;
}
.sozis div i {line-height: 0.7;margin-left: -1px}
.sozis div i.inside {font-size: 18px;color: #ddd}
.sozis div a{background-color:#e3e3e3;margin: 0 0 0 2px;border-radius: 3px;padding: 2px 0}
.sozis a:after {font-family: 'Font Awesome 5 Brands';font-weight: 400;margin-top: 1px;margin-left: -1px;display: block}
.sozis .sozi-yt a:after{content: '\f431'}
.sozis .sozi-pin a:after{content: '\f0d3'}
.sozis .sozi-tw a:hover{color:#2daae1}
.sozis .sozi-pin a:hover{color:#e60023}
.sozis .sozi-soundcloud a:hover{color:#f96f0d}
.sozis .sozi-rss a:hover{color:#fa8c27}
.sozis .sozi-yt a:hover{color:#fe3432}
.sozis .sozi-insta a:hover i {background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 1%, #fd5949 40%,#d6249f 60%,#285AEB 90%)}
.sozis .sozi-insta.gall a:hover i {color:#fff !important}
.fa-stack:hover + .fa-spotify, .fa-square:hover + .fa-spotify, .fa-stack:hover > .fa-spotify, .fa-spotify:hover {color:#1ed760 !important;}
.footer-tooltip, .sidebar-tooltip {display: none}
/* ---------------------------- */
/*         Structure
/* ---------------------------- */
.header-wrapper, .slogan-wrapper, .slider-wrapper, .content-wrapper, .footer-wrapper, .footer-bottom-wrapper {width: 100%;margin: 0 auto;}
.slogan-wrapper,.slider-wrapper,.content-wrapper,.footer-wrapper,.flexslider-wrapper {background:#fff;} 
.content-wrapper {padding: 0 0 50px 0;}
.content-wrapper.homepage {padding: 0;}
.flexslider-wrapper {margin: 0 auto;}
.header {position: relative;}
.slogan-wrapper {text-align: center;padding-top: 25px}
.top-wrapper {
width: 100%;
height: 125px;
background: #fff;
}
.top-wrapper a {width: 100%;float: left}
.sf-menu > li a,.description-inner .categories,.description-inner .categories a{color:#eee}
.slogan-wrapper h1,.page-title h1,.footer-bottom{color:#5a5a5a}
/* --------- TOP --------- */
.info-wrapper {float: right;display: table}
.info-inner {display: table-cell;vertical-align: middle;text-align: right}
/* --------- LOGO --------- */
.logo-wrapper {float: left;display: table}
.logo {display: table-cell;vertical-align: middle}
.logo a {display: block}
/* --------- NAVIGATION --------- */
.navigation-wrapper {
width: 1200px;
display: block;
position: absolute;
border-bottom: 0;
top:125px;
z-index: 999999;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
font-family: Arial, sans-serif;
font-weight: bold;
}
.sf-menu {
line-height: 1.0;
float: left;
margin: 0;
padding-left:20px;
}

.sf-menu > li a {
min-height:20px;
line-height: 20px !important;
text-decoration:none;
font-size:13px;
text-transform: uppercase;
padding: 17px 28px 13px 23px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {width: 100%}
.sf-menu li {float: left;position: relative}
.sf-menu a {display: block;position: relative}
.sf-menu a.starter_normal.sf-with-ul:after {
content: " \00a0\00a0\00a0 \f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
}
.sf-menu a.starter_normal.sf-with-ul:hover:after,
.sf-menu a.starter_active.sf-with-ul:after {
content: " \00a0\00a0\00a0 \f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #0a8fdd;
position: absolute;
}
.sf-menu li.level-1:last-child {border-right: none;}
.sf-menu .home-btn {
font-size: 16px !important;
width:20px;
color: #eee !important;
}
.sf-menu .home-btn:hover, .home-btn:active {color: #fff !important;border-radius: 4px 0 0 0}
.sf-menu .home-btn:after {
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900 !important;
content: '\f015';
right:25px;
}
.sf-menu li.hide {display: none}
.sf-menu > li:hover > a,.sf-menu > li.starter_active > a,.sf-menu > li.parent:hover > a,.sf-menu > li.current-menu-item a:hover{color:#fff;background:#4a4a4a}
.sf-menu > li.current-menu-item a{color:#4a4a4a}
/* --------- CAROUSEL/LATEST POSTS/LATEST PROJECTS --------- */
.latest-projects, .latest-posts {padding: 25px 0 0}
.flex-carousel {margin-bottom: 30px}
.flex-carousel ul li {margin: 0 8px}
.flex-carousel ul li:first-child {margin-left: 0px}
.flex-carousel ul li:last-child {margin-right: 0px}
.flex-carousel .flex-direction-nav a{background:#eee}
.flex-carousel ul li h4 {
padding: 10px 0 0;
font-size: 13px;
margin-bottom: 0;
text-transform: none;
}
.flex-carousel .flex-control-nav {position: absolute;top: -45px}
.flex-carousel .flex-direction-nav span {
opacity: 1;
width: 24px;
height: 24px;
margin: 0;
display: block;
position: absolute;
top: -45px;
cursor: pointer;
text-indent: -9999px;
}
.archive-sitemap .flex-carousel .flex-direction-nav span {top: -40px}
.flex-carousel .flex-direction-nav .flex-disabled {
opacity: 0.4!important;
filter:alpha(opacity=0.4);
cursor: default;
}
.flex-carousel .flex-direction-nav .flex-next {right: 0 !important}
.flex-carousel .flex-direction-nav .flex-prev {right: 26px !important}
.flex-carousel .flex-direction-nav .flex-next{background:#ccc url(images/right-arrow.png) no-repeat center top;}.flex-carousel .flex-direction-nav .flex-prev{background:#ccc url(images/left-arrow.png) no-repeat center top;}.flex-carousel .flex-direction-nav .flex-disabled:hover{background-color:#ccc!important;}
.item-hover .icon.image{background:url(images/format-icons.png) no-repeat 0 0}
.item-hover .icon.audio{background:url(images/format-icons.png) no-repeat 0 -20px}
.item-hover .icon.video{background:url(images/format-icons.png) no-repeat 0 -40px}
.item-hover .icon.gallery{background:url(images/format-icons.png) no-repeat 0 -60px}
.item-hover .icon.link{background:url(images/format-icons.png) no-repeat 0 -80px}
.format-standard .lightbox-photo .icon,.lightbox-photo .icon{background:url(images/blog-format-icons.png) no-repeat 0 0}
.format-gallery .lightbox-photo .icon{background:url(images/blog-format-icons.png) no-repeat 0 -60px}
.format-video .lightbox-photo .icon{background:url(images/blog-format-icons.png) no-repeat 0 -120px}
.format-audio .lightbox-photo .icon{background:url(images/blog-format-icons.png) no-repeat 0 -180px}
.format-quote .lightbox-photo .icon{background:url(images/blog-format-icons.png) no-repeat 0 -240px}
.format-chat .lightbox-photo .icon{background:url(images/blog-format-icons.png) no-repeat 0 -300px}
.format-link .lightbox-photo .icon{background:url(images/blog-format-icons.png) no-repeat 0 -360px}
.flexslider-portfolio .flex-direction-nav .flex-next{background:#000 url(images/right-arrow.png) no-repeat center center}
.flexslider-portfolio .flex-direction-nav .flex-prev{background:#000 url(images/left-arrow.png) no-repeat center center}
.flexslider-wrapper .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover,.flex-carousel .flex-direction-nav .flex-next:hover, .flex-carousel .flex-direction-nav .flex-prev:hover{background-color:#0a8fdd;}
.description-inner h4 a{color:#eee;text-shadow:0 -1px rgba(0,0,0,.2)}
.info-inner a,.description-inner .categories a:hover,.description-inner h4 a:hover{color:#fff}
.hlb-description{background:#f7f7f7;border-bottom:2px solid #eeeeee;min-height: 66px;padding: 17px 10px;position: relative}
.hlb-description .meta-date a{background:url(images/lp-date.png) no-repeat left center;color:#aaa}
.lightbox-photo {position: relative}
.lightbox-photo img, .lightbox-photo a {display: block;height:124px;max-width:215px}
.lightbox-photo a .icon {
opacity:0;
position: absolute;
left: 50%;
top: 50%;
width: 61px;
height: 60px;
z-index: 100;
margin-top: -30px;
margin-left: -30px;
}
.lightbox-photo .category {
opacity:0;
position: absolute;
left: 0;
right: 0;
top: 50%;
width: 100%;
height: 60px;
z-index: 100;
margin-top: 0;
text-align: center;
}
.item-hover .icon {
width: 20px;
height: 20px;
margin: 20px 20px 16px;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
}
.item-hover {position: relative;display: block}
.item-hover img {display: block}
.hlp-description {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
}
.description-inner {padding: 16px 20px}
.archive-sitemap .description-inner {padding: 40px 20px 20px}
.description-inner .categories, .description-inner .categories a {font-size: 11px;font-style: italic}
.description-inner .categories a:hover {text-decoration: underline}
#hlp-flex-carousel h4, #hlb-flex-carousel h4 {padding: 0;border-bottom: 0}
/* --------- HOME LATEST BLOG POSTS CAROUSEL --------- */
.hlb-top {margin-bottom: 5px}
.hlb-top a {color: #323F55}
.hlb-top a:hover {color: #0a8fdd}
.hlb-description .hlb-top h4 {
padding-top: 5px;
font-size: 94%;
font-weight: 700;
margin: 0;
text-transform: none;
text-align: center;
}
.hlb-description .hlb-top h5 {
padding-top: 6px;
font-size: 87%;
margin: 0;
text-transform: none;
text-align: center;
}
.hlb-description .meta-date {
text-align: center;
display: block;
color: #666;
font-size: 12px;
}
.hlb-description .meta-date a {font-size: 11px;font-style: italic;padding-left: 20px}
.widget .lp-image a img{background:transparent}
/* ---------------------------- */
/*           Sidebar
/* ---------------------------- */
.footer{color:#ccc;line-height: 18px;font-size: 12px;font-family: Arial, sans-serif}
.footer a,.footer-bottom a{color:#eee;font-weight:bold}
.sidebar .widget {margin-bottom: 40px;font-size: 12px}
.sidebar .widget a {font-weight: bold}
.widget .lp-sidebar {width: 96%;margin: 0 auto}
.sidebar .widget h6 {margin-bottom: 1em;padding-bottom: 1em}
.widget .lp-sidebar li, .footer .widget .lp-sidebar li {background: none;padding-left: 0}
.widget .lp-sidebar li:last-child {border-bottom: 0}
.widget .lp-image {float: left;margin: 3px 10px 0 0;position: relative}
.widget .lp-image a {display: block}
.widget .lp-image a img {
padding: 2px;
width: 90px;
max-height: 55px;
display: block;
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
transition:all .1s ease-in;
}
.widget .lp-description {padding: 0 0 15px 5px;margin-top: 0}
.widget .lp-description span a{color: #bbb}
.widget .lp-description span a:hover{color: #0a8fdd}
.widget .lp-description h4 {
font-size: 14px;
line-height: 1.4em;
text-transform: none;
font-weight: bold;
margin: 0 0 4px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget .lp-description h5 {
font-size: 12px;
line-height: 1.3em;
text-transform: none;
font-weight: bold;
margin: 1px 0 2px 0;
}
.widget .lp-description span {font-style: italic;color:#bbb;font-size:0.99em}
.footer .widget .lp-sidebar li {margin-bottom: 5px}
.widget .lp-sidebar li:last-child .lp-description {padding-bottom: 0}
.tagcloud a {
background:#717171;
padding: 2px 6px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
text-decoration: none;
cursor: pointer;
margin: 0 6px 11px 0;
font-size: 1.1em;
}
.footer a:hover, .footer-bottom a:hover {color:#17a5f9}
.footer h6{font-size: 1.09em;color:#bfbfbf;text-transform: uppercase;text-shadow:0 -1px rgba(0,0,0,.2);border-bottom:1px solid #787878;line-height: 45px;padding-bottom: 0;margin-top: 0;margin-bottom: 1.9em}
.footer h6 span {border-bottom: 1px solid #0a8fdd;display: inline-block;top: 1px;position: relative}
.footer ul.menu li a{border-right:1px solid #666}
.footer-bottom .copyright{font-family: Arial, sans-serif;background:#555;color:#ccc;text-shadow:0 -1px 0 rgba(0,0,0,.4);background-image: linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85))}
/* ---------------------------- */
/*           Footer
/* ---------------------------- */
.footer-wrapper {
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
margin: 0 auto;
position: relative;
background:#555;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(85, 85, 85)), color-stop(0.4, rgb(77,77,77)), color-stop(0.38, rgb(87,87,87)), color-stop(0, rgb(136,136,136)));
background-image: -webkit-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -moz-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -ms-linear-gradient(to top, rgb(96, 96, 96), rgb(85, 85, 85));
background-image: -o-linear-gradient(to top, rgb(96, 96, 96), rgb(85, 85, 85));
background-image: linear-gradient(to top, rgb(96, 96, 96), rgb(85, 85, 85));
}
.footer-wrapper a.scrollup {
background:url(images/scrollup.png) no-repeat 0 0;
position: absolute;
top: -20px;
left: 50%;
margin-left: -25px;
height: 20px;
width: 50px;
text-indent: -9999px;
border:0;
}
.footer-wrapper a.scrollup:hover{background:url(images/scrollup.png) no-repeat 0 -20px}
.footer {padding: 30px 0 0}
.footer p {margin-bottom: 5px}
.footer .widget {margin-bottom: 30px}
.footer ul.menu li {display: inline;float: left}
.footer ul.menu li a {margin-right: 10px;padding-right: 10px}
.footer ul.menu li:last-child a {border-right: none}
.footer-bottom-wrapper {text-align: center;background: none}
.footer-bottom {padding:20px 0}
.footer-bottom .copyright {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
display: inline-block;
padding: 10px 15px;
}
.footer-bottom p {padding-bottom:0;line-height: 1.5em;font-size: 0.8em}
.commentbox {
background: #6c6c6c;
padding: 8px 8px 10px;
border-radius: 3px;
max-height: 95px;
overflow: hidden;
font-size: 1.2em;
width: 98%;
}
.commentbox a {color: #f4f4f4}
.cookcodesmenu_btn {
position: relative;
display: block;
vertical-align: middle;
float: left;
padding: 0.438em 0.625em 0.438em 1em;
line-height: 1.125em;
cursor: pointer;
}
.cookcodesmenu_btn .cookcodesmenu_icon-bar + .cookcodesmenu_icon-bar {margin-top: 0.188em}
.cookcodesmenu_menu .cookcodesmenu_menutxt {display: block;line-height: 1.388em;float: left}
.cookcodesmenu_menu .cookcodesmenu_icon {
float: left;
width: 30px;
height: auto;
margin: 0.188em 0 0 0.438em;
}
.cookcodesmenu_menu .cookcodesmenu_icon:before {
background: transparent;
width: 30px;
height: auto;
display: block;
content: "";
position: absolute;
}
.cookcodesmenu_menu .cookcodesmenu_icon-bar {
display: block;
width: 26px;
height: 3px;
margin-bottom: 4px;
border-radius: 1px;
}
.cookcodesmenu_menu:before {content: " ";display: table}
.cookcodesmenu_menu:after {content: " ";display: table;clear: both}
.menuHidden {display: none !important}
.cookcodesmenu_menu {
font-size: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #555;
padding: 0;
height: 51px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(85, 85, 85)), color-stop(0.4, rgb(77,77,77)), color-stop(0.38, rgb(87,87,87)), color-stop(0, rgb(136,136,136)));
background-image: -webkit-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -moz-linear-gradient(to top, rgb(136,136,136) 0%, rgb(87,87,87) 38%, rgb(77,77,77) 40%, rgb(85, 85, 85) 100%);
background-image: -ms-linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
background-image: -o-linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
background-image: linear-gradient(to top, rgb(106, 106, 106), rgb(85, 85, 85));
}
.cookcodesmenu_menu * {-webkit-box-sizing: border-box;box-sizing: border-box}
.cookcodesmenu_menu .cookcodesmenu_menutxt {color: #eee;font-weight: bold}
.cookcodesmenu_menu .cookcodesmenu_icon-bar {background-color: #eee}
.cookcodesmenu_btn {
margin: 10px 5px 6px;
text-decoration: none;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0);
}
.fa-ul > li {background:none !important;padding: 0 0 5px 10px !important}
.jj {font-size: 16px;padding-bottom: 15px;display: block}
#monmak {max-height:170px;width: 99%;clear: both;text-align: center}
.sproech li.q {cursor: pointer;margin-bottom: 4px;display:table}
.sproech li.top {font-size: 15px;font-weight: bold;padding: 19px 0 6px 18px}
.sproech h6{font-weight: normal;color: #000;display:table-cell}
.sproech h6,.sproech h3 {padding: 2px 0 2px 7px;margin: 0}
.border {border-bottom: 1px #ddd solid}
.sproech li.aw {display: none;width: 100%}
.sproech .div0 {display: table;width: 100%}
.sproech .div1 {display: table-cell;width: 21px;vertical-align: middle}
.sproech .div1 > a {text-align:left}
.sproech .div2 {
display: table-cell;
background: #F5F5F5;
border-radius: 5px;
margin-left: 12px;
padding: 10px;
overflow: hidden;
text-align: justify;
color: #111;	
}
.sproech .pfeil {
width: 16px;
display:table-cell
}
.sproech img {
width: 14px;
height: 14px;
position: relative;
top: 2px;
}