/*
Theme Name: sino AG
Author: vonHand
Description: sino AG Theme 2025
Version: 1.0.5
*/

/* Fix Gayscale pojo toolbar stuck at top */
body.pojo-a11y-grayscale {
  filter:none !important;
  -webkit-filter:none !important;
  -webkit-filter:none!important;
  -moz-filter:none !important;
  -ms-filter:none !important;
  -o-filter:none !important;
  filter:none !important;
}

body.pojo-a11y-grayscale>:not(nav, #BorlabsCookieWidget, #BorlabsCookieBox) {
  filter:grayscale(100%) !important;
  -webkit-filter:grayscale(100%) !important;
  -webkit-filter:grayscale(1) !important;
  -moz-filter:grayscale(100%) !important;
  -ms-filter:grayscale(100%) !important;
  -o-filter:grayscale(100%) !important;
  filter:gray !important;
}
body.pojo-a11y-grayscale  #pojo-a11y-toolbar{
  filter:grayscale(100%) !important;
  -webkit-filter:grayscale(100%) !important;
  -webkit-filter:grayscale(1) !important;
  -moz-filter:grayscale(100%) !important;
  -ms-filter:grayscale(100%) !important;
  -o-filter:grayscale(100%) !important;
  filter:gray !important;
}

body.pojo-a11y-grayscale  .brlbs-cmpnt-widget {
  filter:grayscale(100%) !important;
  -webkit-filter:grayscale(100%) !important;
  -webkit-filter:grayscale(1) !important;
  -moz-filter:grayscale(100%) !important;
  -ms-filter:grayscale(100%) !important;
  -o-filter:grayscale(100%) !important;
  filter:gray !important;
}


body.pojo-a11y-grayscale  .brlbs-cmpnt-dialog  {
  filter:grayscale(100%) !important;
  -webkit-filter:grayscale(100%) !important;
  -webkit-filter:grayscale(1) !important;
  -moz-filter:grayscale(100%) !important;
  -ms-filter:grayscale(100%) !important;
  -o-filter:grayscale(100%) !important;
  filter:gray !important;
}



/* Fix normal white background on high contrast */
body.pojo-a11y-high-contrast {
	background: black !important;
}

/* Fix SVG filling on high contrast */


body.pojo-a11y-high-contrast .opener-icon>*,
body.pojo-a11y-high-contrast svg:not(.logo svg),
body.pojo-a11y-high-contrast svg:not(.logo svg) path,
body.pojo-a11y-high-contrast svg:not(.logo svg) polygon {
	fill: white !important;
}

/* Border on focus */
a:focus-visible,
a:focus-visible h3 {
	border: dashed 10px #00944f !important;
}

a:focus-visible:has(h3) {
	border: none !important;
}

/* Fix Text build with Background */
.pojo-a11y-high-contrast .cta-content>p,
.pojo-a11y-high-contrast .home-intro-cta>div>a>span,
.pojo-a11y-high-contrast .home-intro-header>h1 {
    background: white !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
	  color: #fff !important;
}

/* White border around elements during high contrast */
.pojo-a11y-high-contrast .select-selection,
.pojo-a11y-high-contrast a.button,
.pojo-a11y-high-contrast .boxed,
.pojo-a11y-high-contrast .wp-video,
.pojo-a11y-high-contrast .pojo-a11y-toolbar-toggle,
.pojo-a11y-high-contrast .teaser-text-bild-pfeil
{
	border:  1px solid;
}

 .block-teaser-textbox-button {
	display: flex !important;
}

.pojo-a11y-high-contrast .block-teaser-textbox-button {
	align-items: center;
	justify-content: center;
	padding: 10px;
	letter-spacing: 0.05em;
	cursor: pointer;
	border:  1px solid ;
}

/* Fix Selection Dropdown icon */
.pojo-a11y-high-contrast .select-icon {
	border: none;
	margin-right: 1px;
	    box-shadow: inset 2px 0px 0px 0px rgb(255, 255, 255) !important;
}

/* Hide content on high contrast*/
.pojo-a11y-high-contrast .footer-menus .menu-main-entries,
.pojo-a11y-high-contrast .text-bild-lang-thumb,
.pojo-a11y-high-contrast .intro-banner,
.pojo-a11y-high-contrast .fsn-menu-extension-image {
	display: none !important;
}

/* Fix Bottom padding of footer address in high contrast*/
.pojo-a11y-high-contrast .footer-address  {
	padding-bottom: 6.5em;
}

/* Video player hight contrast fix */
.pojo-a11y-high-contrast div[role=button].mejs-overlay-button {
	background: url(https://www.sino.de/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat !important;
	background-position: 0 -39px !important;
	background-color:black !important;
}


body.pojo-a11y-high-contrast .mejs-button>button {
    background: transparent url(https://www.sino.de/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat !important;
	border: none !important;
}

body.pojo-a11y-high-contrast .mejs-button>button[aria-label=Abspielen] {
    background-position: 0 0px !important;
}
body.pojo-a11y-high-contrast .mejs-button>button[aria-label=Pause] {
    background-position: -20px 0px !important;
}
body.pojo-a11y-high-contrast .mejs-unmute>button{
    background-position: -40px 0px !important;
}
body.pojo-a11y-high-contrast .mejs-mute>button{
    background-position: -60px 0px !important;
}
body.pojo-a11y-high-contrast .mejs-fullscreen-button>button{
    background-position: -80px 0px !important;
}
body.pojo-a11y-high-contrast .mejs-unfullscreen-button>button{
    background-position: -100px 0px !important;
}

body.pojo-a11y-high-contrast .a:link:hover div,
body.pojo-a11y-high-contrast .mejs-volume-slider {
    background-color: #40C090 !important;
}

body.pojo-a11y-high-contrast .mejs-time-current {
    background-color: #40C090 !important;
}

body.pojo-a11y-high-contrast .mejs-time-slider ,
body.pojo-a11y-high-contrast .mejs-time-loaded,
body.pojo-a11y-high-contrast .mejs-time-buffering{
    background-color: #fff !important;
}
body.pojo-a11y-high-contrast .mejs-time-handle {
    background-color: red !important;
}

body.pojo-a11y-high-contrast .mejs-overlay-play {
    background-color: transparent !important;
}

body.pojo-a11y-high-contrast .mejs-volume-total {
    background: #000 !important;
    background-color: #000 !important;
}

body.pojo-a11y-high-contrast a:visited:hover div,
body.pojo-a11y-high-contrast a:link:hover div {
    background: #40C090 !important;
    background-color: #40C090 !important;
}

body.pojo-a11y-high-contrast .mejs-time-rail {
    border: 1px solid white;
}

/* Hide Building image in fullscreen menu */
body.pojo-a11y-high-contrast .fsn-menu-extension-image {
	display:none;
}

/* Fix Slider in kontrast mode */
body.pojo-a11y-high-contrast .lSSlideOuter {
    z-index: -1;
}

body.pojo-a11y-high-contrast .lSNext,
body.pojo-a11y-high-contrast .lSPrev {
	visibility: hidden;
}

/* reset bg for submit buttons */
body.pojo-a11y-high-contrast div[role="button"], body.pojo-a11y-high-contrast input[type=button], body.pojo-a11y-high-contrast input[type=submit] {
    background: none !important;
    background-color: none !important;
}

body.pojo-a11y-high-contrast  #sexy_tooltip_title {
	background-color: white !important;
}

body.pojo-a11y-high-contrast  #sound_container  {	
    background: transparent url(https://www.sino.de/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat !important;
  background-position: -120px 0px !important;
	width:40px;
	height:40px;
  background-size: 800px !important;
	background-color:black !important;
	border: 1px solid white !important;
}

/* linked and visited button bg, hover, borderbox */
body.pojo-a11y-high-contrast a.button:hover div,
body.pojo-a11y-high-contrast a:link:hover div,
body.pojo-a11y-high-contrast a:visited:hover div,
body.pojo-a11y-high-contrast a:visited:hover,
body.pojo-a11y-high-contrast a:link:hover,
body.pojo-a11y-high-contrast a:hover {
    background: black !important;
    background-color: black !important;
    color: white !important;
}

body.pojo-a11y-high-contrast a:link span {
    background: #0080FF    !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.pojo-a11y-high-contrast a:visited span {
    background: #00FFFF  !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.pojo-a11y-high-contrast a.button:hover span,
body.pojo-a11y-high-contrast a:link:hover span,
body.pojo-a11y-high-contrast a:visited:hover span {
    background: white !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.pojo-a11y-high-contrast .cta-box-wrapper.rahmen-bunt {
	border-image: none;
}


body.pojo-a11y-high-contrast .slider-content-text,
body.pojo-a11y-high-contrast .button.frame {
	border: 20px solid white !important;
	background: none;
}

/* Fix wp element button disappearing background */
body.pojo-a11y-high-contrast .wp-element-button {
	border: 2px solid white;
}

/* Fix Ticks img background */
body.pojo-a11y-high-contrast img {
	background: #000 !important;
	fill: white !important;
}

/* Fix hidden background text on selection*/
body.pojo-a11y-high-contrast ::selection {
	-webkit-text-fill-color: white;
}

body.pojo-a11y-high-contrast a:link {
    color: unset !important;
    color: #0Af !important;
    text-decoration: underline;
}