@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.magazin-vorsprung.de/wp-content/themes/vorsprung/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.magazin-vorsprung.de/wp-content/themes/vorsprung/slick/fonts/slick.eot);
src: url(https://www.magazin-vorsprung.de/wp-content/themes/vorsprung/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.magazin-vorsprung.de/wp-content/themes/vorsprung/slick/fonts/slick.woff) format('woff'), url(https://www.magazin-vorsprung.de/wp-content/themes/vorsprung/slick/fonts/slick.ttf) format('truetype'), url(https://www.magazin-vorsprung.de/wp-content/themes/vorsprung/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
color: #000;
background-color: white; font-size: 16px;
line-height: 20px;
font-family: "Trebuchet", Helvetica, Arial, sans-serif;
}
.clear {
clear: both;
}
.container {
float: left;
width: 70%;
left: 15%;
position: relative;
}
header{
display: block;
position: relative;
min-height: 100px;
}
#nav {
float: right;
width: 100%;
}
#main > .container{
padding-bottom: 50px;
padding-top: 50px;
}
#main p{
font-size: 16px;
}
header #nav li{
display: inline-block;
width: auto;
margin-left: 4%;
}
.row{
width: 100%;
float: left;
position: relative;
}
.navHead{
background:#fff;
position:fixed;
z-index: 2;
line-height: normal;
padding:10px;
}
#Logo h3 {
font-size: 70px;
font-weight: bold;
color: #898688;
line-height: 60px;
}
#Logo h4 {
font-size: 15px;
color: #898688;
font-weight: normal;
line-height: 15px;
}
.logo_pdf {
height: 80px;
width: auto;
float: right;
}
.col10{
width:80%;
float:left;
}
.col8{
width: 66.66%;
float:left;
}
.col9{
width: 75%;
float:left;
}
.col7 {
width: 58.333%;
float: left;
}
.col6 {
width: 50%;
float: left;
}
.col5 {
width: 41.666%;
float: left;
}
.col4 {
width: 33.33%;
float: left;
}
.col3 {
width: 25%;
float: left;
}
.col2 {
width: 16.666%;
float: left;
}
.col20 {
width: 20%;
float: left;
}
h1, h2, h3, h4{
font-weight:800;
color: rgb(192, 199, 186);
}
h2{
font-size: 42pt;
line-height: 50pt;
color: #424140;
margin-bottom: 50px;
font-weight: normal;
}
h4{
font-size: 25pt;
line-height:32pt;
}
b{
font-size: 15pt;
}
a{
text-decoration:none;
color:rgb(77,173,230);
}
p{
font-size:18pt;
line-height:22pt;
}
.aktuelleausgabe {
width: 100%;
min-height: 400px;
bottom:100px;
position: relative;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
background: rgba(255,255,255,0.8);
}
.aktuelleausgabe .col4 {
position: absolute;
bottom: 0;
left: 0;
}
.aktuelleausgabe .col4 img{
width: 100%;
padding: 20px;
height: auto;
background: #FFF;
}
.aktuelleausgabe .col8 {
position: relative;
float: right;
padding: 20px 40px 40px;
color: #447da9;
font-size: 20px;
line-height: 35px;
}
.aktuelleausgabe .col8 li {
color: #424140;
line-height: 1.3;
margin-bottom: 20px;
}
.downloadbutton {
position: absolute;
bottom: -80px;
right: 50px;
}
.downloadbutton img {
width:380px;
height: auto;
}
.weiterleitung {
padding: 40px;
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
background: #fff;
width: 80%;
margin: 20px auto;
color: #898688;
font-size:36px;
line-height: 40px;
text-align: center;
}
.weiterleitung  b {
color: #0f9ed3;
font-size:36px;
}
#Archiv {
margin-bottom: 50px;
}
#Archiv a {
color:black;
}
#Archiv, #gallery{
width: 100%;
padding: 60px 0 60px 0;
}
#Archiv h3 {
border-bottom: 1px solid #898688;
color: #000;
font-size: 40pt;
font-weight: 700;
margin-bottom: 50px;
line-height: 60px;
padding-left: 25px;
}
.slick-prev, .slick-next {
width: 50px;
height: 50px;
}
.slick-list{
width: 80%;
margin: 0 auto;
}
.slick-slider {
text-align: center;
}
.slick-slider img {
height: 350px;
width: auto;
margin: 0 auto 20px;
border: 1px solid #d9d9d9;
}
.sliderDesc{
position: absolute;
bottom: 5px;
right: 10px;
max-width:200px;}
.footerImgDesc{
display: block;
text-align: center;
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.catImage{
max-width:170px;
max-height: 170px;
background-size:cover;
background-repeat:no-repeat;
}
#Archiv .catImage{
max-width:170px;
max-height: 170px;
}
#infotext {
line-height: 20px;
padding-bottom: 50px;
}
#infotext h1 {
font-size: 35pt;
line-height: 40pt;
color: #424140;
font-weight: normal;
}
#infotext h2 {
font-size: 18pt;
line-height: 20pt;
color: #447da9;
margin-bottom: 20px;
}
#infotext p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
font-size: 16px;
line-height: 20px;
}
#main{
min-height: 100vh;
}
.catImageDes{
margin-left:20px;
}
.category{
display:inline-block;
text-align:center;
}
.sliderImg, .footerImg{
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.sliderImg div{
float: right;
}
.categorySlider .slick-slide {
width:auto;
min-height:500px;
background-position:top;
}
.categorySliderNav .sliderImg{
background-size:cover;
}
.categorySliderNav .slick-slide {
min-height: 150px;
margin: 5px;
}
.categorySliderNav {
margin-top: 50px;}
.headerTitle{
width: 750px;
position: absolute;
display: block;
top: 300px;
left: 30%;
color: #fff;
background: rgba(0,0,0,0.5);
font-size: 50px;
line-height: 50px;
padding: 25px;
font-weight: bold;
}
.slick-prev::before {
content: '←';
}
.slick-prev::before, .slick-next::before {
font-family: 'slick';
font-size: 50px;
line-height: 1;
opacity: .75;
color: #2c2c2c;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-next {
right: 25px;
}
.slick-prev {
left: 25px;
}
section{
margin-top: -5px;
display: inline-block;
width: 100%;
}
.headerImage {
}
#footer{
width:100%;
padding-bottom: 50px;
}
#footer .row:first-child{
background: rgb(63,59,55);
padding: 50px 0 0px 0;
}
.anker2:target + .slidedown {
position: relative;
visibility: visible;
opacity: 1;
height: auto;
}
.slidedown {
position: absolute;
top: 0px;
left: 0px;
transition: all 1s ease 0s;
visibility: hidden;
overflow: hidden;
opacity: 0;
height: 0px;
width: 100%;
}
.imgBox{
float: left;
margin-right: 20px;
margin-top: 5px;
}
.footerRow{
background: rgb(49,46,42);
padding: 15px;
}
.footerRow a{
margin-right:10px;
}
.footerRow .col6:last-child{
text-align: right;
}
.footerImg{
width: auto;
height: 150px;
}
.sitemap{
list-style:none;
}
#footer{
margin-top: -5px;
}
#footer .col3 {
padding-bottom: 50px;
}
#footer p{
font-size:	10pt;
line-height: 12pt;
}
#footer a{
text-decoration:none;
}
#footer h3{
padding: 15px 0 15px 0;}
#footer .col3 > p img{
height: 50px;
width: auto;
border-radius: 25%;
}
#footer .container:last-of-type {
color:white;
}
.shariff .theme-round li {
background: none;
background-color: rgba(0, 0, 0, 0) !important;
width: 55px !important;
height: 55px !important;
border-radius: 20% !important;
margin: 5px;
}
.shariff .theme-round a {
position: relative;
height: 55px !important;
border-radius: 10%;
background-color: rgb(66, 66, 66) !important;
}
.shariff .theme-round a {
position: relative;
height: 55px !important;
border-radius: 20% !important;
}
.shariff .shariff-icon svg {
padding: 7px 1px;
box-sizing: content-box;
fill: #fff;
}
#kontakt{
background: #fff;
padding: 120px 20px 50px 20px;
}
.wpcf7-form{
text-align: center;
}
.category{
text-align:left;
}
.page-template-category .category .catImage{
min-height:300px;
}
#categoryHeadInfo{
padding: 50px 0 100px 0;
}
.category h2{
font-size: 30pt;
line-height: 36pt;
color: black;
}
.category h4 {
font-size: 2.7em;
line-height: 1.1em;
color: rgb(243, 146, 0);
}
.category p {
font-size: 18pt;
line-height: 20pt;
color: black;
}
.wpcf7-form-control {
border-radius: 2px;
border: 1px solid #000;
width: 60%;
padding: 10px;
}
.wpcf7-submit {
-webkit-appearance: none;
position: relative;
display: inline-block;
border: 4px solid #000;
background: transparent;
color: #000;
cursor: pointer;
text-decoration: none;
outline: 0;
padding: 0.5em 1em 0.5em 1em;
text-align: center;
border-radius: 2px;
font-size: 120%;
-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
margin-top: 50px;
}
.wpcf7-submit:hover, .wpcf7-submit:active {
background: #000;
color: #fff;
border: 4px solid #fff;
}
#wpcf7-f198-p7-o1{
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
@media (max-width:1400px) {
.navHead > .container{
left:0;
width:100%;
padding:0;
}
#infotext .col6 img {
width: 650px;
height: auto;
}}
@media (max-width:1100px) {
.navHead >.container > .col6{
text-align: center;
width:100%;
}
.logo_pdf {
display:none;
}
#infotext .col6 img {
width: 500px;
height: auto;
}}
@media (max-width:768px) {
p {
font-size: 1.2em;
line-height: 22pt;
}
#infotext {
padding: 20px 40px 0;
}
.container {
width:100%;
left:0;
}	
.container .col3 {
padding: 0 20px;
}
#infotext .col6 img {
width: 350px;
height: auto;
display: none;
}
#infotext h1 {
font-size:25px;
line-height: 25px;
}
#infotext h2 {
font-size: 20px;
line-height: 20px;
}
#Logo h3 {
font-size: 50px;
font-weight: bold;
color: #898688;
line-height: 45px;
}
#Logo h4 {
font-size: 10px;
color: #898688;
font-weight: normal;
line-height: 10px;
}
.aktuelleausgabe .col4 {
position: inherit;
float: left;
padding: 20px 40px 0;
}
.aktuelleausgabe .col4 img {
border: 1px solid #d9d9d9;
}
#Logo img{
width:100%;
}
.headerTitle {
position: absolute;
display: block;
left: 15px;
color: white;
font-size: 20px;
line-height: 25px;
font-weight: 800;
max-width: 90%;
top: 200px;
}
.catImage {
margin: 0px;
}
.row{
width: 100%;
float: left;
position: relative;
}
.col10{
width: 100%;
float:left;
}
.col8{
width:  100%;
float:left;
}
.col9{
width:  100%;
float:left;
}
.col7 {
width:  100%;
float: left;
}
.col6 {
width:  100%;
float: left;
}
.col5 {
width:  100%;
float: left;
}
.col4 {
width: 50%;
float: left;
}
.col3 {
width: 50%;
float: left;
}
.col2 {
width: 50%;
float: left;
}
.col20 {
width: 50%;
float: left;
}
.navHead {
background: #fff;
position: fixed;
z-index: 2;
min-height: 70px;
}
.sliderDesc {
max-width: 100%;
}
}
@media (max-width:480px) {
#footer {
text-align: center;
}
.col4 {
width: 100%;
float: left;
}
.col3 {
width: 100%;
float: left;
}
.col2 {
width: 100%;
float: left;
}
.col20 {
width: 100%;
float: left;
}
} @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#header .Logo {
height: 82px;
margin-top:10px;
margin-left:10px;
background-image: none;
}
.Logo > div {
margin-top: 18px;
padding-left: 0px;
margin-left: 50px;
width: 300px;
}
#header > .Logo{
display:none;
}
.showleft {
left : -30px !important;    
}
}.shariff{display:block !important;clear:both}.shariff ul{display:flex;flex-direction:row;flex-flow:row wrap;padding:0 !important;margin:0 !important}.shariff li{height:35px;box-sizing:border-box;list-style:none !important;overflow:hidden !important;margin:5px !important;padding:0 !important;text-indent:0 !important;border-left:0 none !important}.shariff a{position:relative;display:block !important;height:35px;padding:0;margin:0;box-sizing:border-box;border:0;text-decoration:none;background-image:none !important;text-align:left;box-shadow:none;cursor:pointer}.shariff a:hover{color:#fff;background-color:inherit !important;text-decoration:none !important}.shariff a:visited{color:inherit}.shariff .shariff-count{position:absolute;height:33px;top:0;right:0;margin:1px;padding:0 8px;background-color:rgba(255,255,255,0.5)}.shariff .shariff-count,.shariff .shariff-text{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:36px;vertical-align:top}.shariff .shariff-text{padding-left:3px}.shariff .shariff-icon svg{width:32px;height:20px;padding:7px 1px;box-sizing:content-box !important}.shariff-button::before{content:none !important}.shariff .shariff-buttons .shariff-text-white{color:#fff}.shariff .shariff-buttons .shariff-hidezero{opacity:0}.shariff .theme-default a{color:#fff !important}.shariff .theme-default .shariff-icon svg path{fill:#fff}.shariff .theme-color .shariff-count{background-color:transparent !important;color:#fff !important}.shariff .theme-color .shariff-icon svg path{fill:#fff}.shariff .theme-grey a{background-color:#b0b0b0 !important}.shariff .theme-grey a:hover{background-color:inherit !important}.shariff .theme-grey .shariff-count{background-color:transparent;color:#fff !important}.shariff .theme-grey .shariff-icon svg path{fill:#fff}.shariff .theme-white a{background-color:#fff !important;border:1px solid #ddd}.shariff .theme-white a:hover{background-color:#eee !important;color:inherit}.shariff .theme-white svg{fill:currentColor}.shariff .theme-white .shariff-count{background-color:transparent;margin:0}.shariff .wcag_colors .shariff-count{color:#fff !important;background-color:rgba(255,255,255,0.2)}.shariff .shariff-buttons.theme-round li{width:35px !important;height:35px;border-radius:50%;margin:5px}.shariff .theme-round a{position:relative;height:35px;border-radius:50%}.shariff .theme-round .shariff-icon svg{display:block;margin:auto;padding:8px 1px}.shariff .theme-round .shariff-text{display:block}.shariff .theme-round .shariff-count{display:inline;padding:0;right:0;left:0;top:0;background-color:transparent;color:transparent !important;text-align:center}.shariff .theme-round .shariff-count:hover{background-color:inherit !important;color:#fff !important}.shariff .theme-round .shariff-icon svg path{fill:#fff}.shariff .shariff-buttons.buttonsize-small li{height:25px !important}.shariff .shariff-buttons.buttonsize-small a{height:25px !important}.shariff .shariff-buttons.buttonsize-small.orientation-vertical li{width:115px}.shariff .shariff-buttons.buttonsize-small .shariff-icon svg{width:22px;height:15px;padding:5px 1px}.shariff .shariff-buttons.buttonsize-small .shariff-text,.shariff .shariff-buttons.buttonsize-small .shariff-count{font-size:11px;line-height:25px;padding:0 5px;height:23px}.shariff .shariff-buttons.buttonsize-small .shariff-text{padding-left:1px !important}.shariff .shariff-buttons.buttonsize-small.theme-round li{width:25px !important}.shariff .shariff-buttons.buttonsize-small.theme-round a{width:25px !important}.shariff .shariff-buttons.buttonsize-small.theme-round .shariff-count{padding:0 !important;height:25px !important}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li{margin:5px 7px}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:first-child{margin-left:5px}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:last-child{margin-right:5px}.shariff .buttonsize-large li{height:45px !important}.shariff .buttonsize-large a{height:45px !important}.shariff .buttonsize-large.orientation-vertical li{width:155px}.shariff .buttonsize-large .shariff-icon svg{width:40px;height:28px;padding:9px 2px}.shariff .buttonsize-large .shariff-text,.shariff .buttonsize-large .shariff-count{font-size:14px;line-height:45px;padding:0 10px;height:43px}.shariff .buttonsize-large .shariff-text{padding-left:1px !important}.shariff .shariff-buttons.buttonsize-large.theme-round li{width:45px !important;height:45px !important}.shariff .buttonsize-large.theme-round a{width:45px !important}.shariff .buttonsize-large.theme-round .shariff-count{padding:0 !important;height:45px !important}.shariff .orientation-vertical{flex-direction:column}.shariff .orientation-vertical li{width:135px}.shariff.shariff-align-flex-start ul{justify-content:flex-start;align-items:flex-start}.shariff.shariff-align-center ul{justify-content:center;align-items:center}.shariff.shariff-align-flex-end ul{justify-content:flex-end;align-items:flex-end}.widget .shariff.shariff-widget-align-flex-start ul{justify-content:flex-start;align-items:flex-start}.widget .shariff.shariff-widget-align-center ul{justify-content:center;align-items:center}.widget .shariff.shariff-widget-align-flex-end ul{justify-content:flex-end;align-items:flex-end}.shariff.shariff-buttonstretch li{flex:1 0 auto !important}.shariff.shariff-buttonstretch .orientation-vertical li{width:100% !important}.widget .shariff li{border:0;font-weight:400}.widget .shariff .theme-default a,.widget .shariff .theme-color a,.widget .shariff .theme-grey a,.widget .shariff .theme-round a{color:#fff;display:block;font-weight:400}.widget .shariff .theme-default a:hover,.widget .shariff .theme-color a:hover,.widget .shariff .theme-grey a:hover,.widget .shariff .theme-round a:hover{color:#fff;font-weight:400}.shariff-warning{background-color:red;color:#fff;font-size:20px;font-weight:700;padding:10px;text-align:center;margin:0 auto;line-height:1.5}.shariff .info a{border:1px solid #ddd;width:35px}.shariff .wcag_colors .info a{border:1px solid #575757;width:35px}.shariff .shariff-button.info{width:35px;flex:0 0 auto !important}.shariff .theme-default .shariff-button.shariff-nocustomcolor.info svg path{fill:#999}.shariff .theme-default.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path{fill:#595959}.shariff .theme-round .shariff-button.shariff-nocustomcolor.info svg path{fill:#999}.shariff .theme-round.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path{fill:#595959}.shariff .buttonsize-small .shariff-button.info{width:25px}.shariff .buttonsize-small .info a{width:25px}.shariff .buttonsize-large .shariff-button.info{width:45px}.shariff .buttonsize-large .info a{width:45px}.shariff .info .shariff-icon svg{display:block;margin:auto}@media only screen and (max-width:360px){.shariff .shariff-buttons.buttonsize-small li{width:25px}.shariff .shariff-buttons li{width:35px}.shariff .shariff-buttons.buttonsize-large li{width:45px}.shariff .shariff-buttons .shariff-icon svg{display:block;margin:auto}.shariff .shariff-buttons .shariff-text{display:none}.shariff .shariff-buttons .shariff-count{display:none}}@media only screen and (min-width:361px){.shariff .shariff-buttons.buttonsize-small li{width:105px}.shariff .shariff-buttons li{width:125px}.shariff .shariff-buttons.buttonsize-large li{width:155px}.shariff .shariff-buttons .shariff-text{display:inline}.shariff .shariff-buttons .shariff-count{display:inline}}@media only screen and (min-device-width:1025px){.shariff .shariff-mobile{display:none !important}}