/* Page Header */

.page-header .layout__region {
  display: inline-flex;
}

@media only screen and (max-width: 768px) {
 .page-header .block-field-blockblock-contentpage-headerfield-image {
	width: 100vw;
 }
}

.page-header .block-field-blockblock-contentpage-headerfield-image {
	width: 200%;
  	margin-right: -120px;
}

.page-header .block-field-blockblock-contentpage-headerbody {
  position: relative;
  background-color: var(--color--viscovery-block-bg); 
  padding: 0px 20px 20px 20px;
  margin-top: 10%;
  width: 200%;
  left: 0px;
}

/* Back Button */

.back-button {
  background-color: var(--color--viscovery);
  border: none!important;
  padding: 5px 10px 5px 10px!important;
  color: white!important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-family: var(--font-sans);
}

.back-button:hover {
  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 0.5;
}

.back-button-arrow {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-right: 3px;
}

/* Read on mobile */

@media only screen and (max-width: 768px) {
  .read-on {
  	padding-right: 5px;
  }
}

/* Learn more Tile */

.learn-more-tile .layout__region{
  display:block;
  margin-bottom: 25px;
  position: relative;
}

.learn-more-tile .block-field-blockblock-contentlearn-more-tilebody {
  padding: 5px 10px 0px 10px;
}

.learn-more-tile .block-field-blockblock-contentlearn-more-tilefield-learn-more-tile-image {
  position:relative;
  width: 300%;
  top: -10px;
  left: -10px;
}

.learn-more-tile .layout__region {
  background-color: var(--color--viscovery-block-bg); 
  padding-top: 0;
  height: 100%;
}
  
.learn-more-button {
	background-color: var(--color--viscovery);
  	padding: 15px 20px 15px 20px;
  	color: #ffffff !important;
  	text-decoration: none; 
  	transition: all 0.3s ease-in-out;
    font-family: var(--font-sans);
}

.learn-more-button .absolute-button {
  	position: absolute;
  	bottom: 10px;
}

.learn-more-button:hover {
	text-decoration: none !important;
  	box-shadow: none !important; 
  	opacity: 0.5;
}

  
/* Image Tile */

 .image-tile .block__content {
   position: relative;
 }
  
 .image-tile .block-field-blockblock-contentimage-tilefield-image-tile-headline a {
    position: absolute;
  	background-color: var(--color--viscovery-block-bg); 
    padding: 5px 0px 5px 10px;
    width: 92%;
    left: 10px;
   	bottom: -10px;
    z-index: 999999!important;
    transition: all 0.2s ease-in-out;
    font-family: var(--font-sans);
    color: var(--color--viscovery);
  }

.image-tile-4-col .block-field-blockblock-contentimage-tilefield-image-tile-headline a {
    width: 101%;
  }

.image-tile .block-field-blockblock-contentimage-tilefield-image-tile-headline a:hover {
	background-color: var(--color--viscovery);
  	color: #ffffff;
  	text-decoration: none!important;
  	box-shadow: none!important;
}

@media only screen and (max-width: 768px) {
	.image-tile .block-field-blockblock-contentimage-tilefield-image-tile-headline a,
	.image-tile-4-col .block-field-blockblock-contentimage-tilefield-image-tile-headline a {
      width: 100%;
  	}
    .image-tile .block__content img{
     width: 100%;
   }
  .layout--threecol-section .layout__region--first {
    padding-left: 0;
  }
}

/* Menü */

 .primary-nav__menu-item--level-3 .primary-nav__menu-link {
	font-weight: normal;
 }

 .primary-nav__menu-link-inner::after {
	border-top-width: 3px!important;
  }

@media only screen and (max-width: 768px) {
 .primary-nav__menu-link-inner:not(.primary-nav__menu-link-inner--level-1) {
   	margin-top: 5px;
  	font-size: 1.75rem;
 } 
}

.secondary-nav__menu-link::after  {
    position: absolute;
    width: 100%;
    height: 0;
    content: "";
    transition: transform 0.2s;
    transform: scaleX(0);
    transform-origin: center;
    border-top: solid 3px var(--color--primary-50);
}

.secondary-nav__menu-link:hover::after {
    transform: scaleX(1)!important;
    opacity: 1;
}

/* Footer */

.site-footer__inner {
	padding-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .site-footer__inner {
  	padding-left: var(--sp2);
  }
}

#block-viscovery23-viscoveryfooter .block__content{
	display: flex!important;
    flex-wrap: wrap;
  	padding-bottom: 0px;
}
  

.field--name-field-column-1 {
 	flex: 1 0 50%;
    color: #ffffff!important;
}

.field--name-field-column-2 {
 	flex: 1 0 50%;
    color: #ffffff!important;
}

.field--name-field-column-1 a, .field--name-field-column-1 h3{
 	color: white!important; 
  	border-color: white!important;
}

.field--name-field-column-2 a, .field--name-field-column-2 h3 {
 	color: white!important; 
  	border-color: white!important;
}

@media only screen and (max-width: 900px) {
.field--name-field-column-1 {
 	flex: 1 0 100%!important;
}

.field--name-field-column-2 {
 	flex: 1 0 100%!important;
}
}

/* Dropdown Filter Label ausblenden */

#views-exposed-form-scientific-articles-block-1 label,
.form-item-field-faqsection-value label {
  visibility: hidden; 
}

@media only screen and (max-width: 768px) {
  #views-exposed-form-scientific-articles-block-1 select,
  .form-item-field-faqsection-value select {
   	max-width: 92vw;
  }
}

/* Scientific Articles */
.view-scientific-articles .views-row {
  background-color: var(--color--viscovery-block-bg); 
  padding: 0px 15px 1px 15px
}

.view-scientific-articles .sciart-link a{
  background-color: var(--color--viscovery);
  color: white;
  text-decoration: none;
  padding: 5px;
  transition: all 0.2s ease-in-out;
}

.view-scientific-articles .field-content {
	padding-top: 15px!important;
}

.view-scientific-articles .sciart-link a:hover{
 opacity: 0.7;
}

/* Slider */

.skin-default {
	width: 70%;
  	margin-left:auto;
  	margin-right:auto;
}

@media only screen and (max-width: 768px) {
.skin-default {
	width: 100%;
 }
}

.publicatedbook-row {
	text-align: center;
}

.publicatedbook-row img {
  margin-left: auto;
  margin-right: auto;
}

.publicatedbook-row a {
	text-decoration: none;
  	color: var(--color--viscovery);
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  background: var(--color--viscovery-block-bg);
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  background: var(--color--viscovery);
}

.views_slideshow_controls_text_previous a, .views_slideshow_controls_text_next a{
  color: var(--color-text-neutral-medium);
  text-decoration: none;
  padding: 5px 10px 5px 10px;
}

.views_slideshow_controls_text_previous a:before, .views_slideshow_controls_text_next a:after {
  content:'';
  position: absolute;
  display: block;
  top:10px;
  left:0;
  border: solid var(--color--viscovery);
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.views_slideshow_controls_text_next a:after {
  left: unset;
  right:0;
  transform: rotate(-45deg);
}

.views_slideshow_controls_text_previous a, .views_slideshow_controls_text_next a{
  padding-left: 15px;
  padding-right: 15px;
  transition: all 0.2s ease-in-out;
}

.views_slideshow_controls_text_previous a:hover, .views_slideshow_controls_text_next a:hover{
  opacity: 0.5;
}

.views_slideshow_controls_text span:hover {
  text-decoration:none;
}

.views_slideshow_controls_text_pause {
	display:none;
}

.views_slideshow_controls_text {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.views_slideshow_cycle_main {
  padding: var(--sp1);
  background: var(--color--viscovery-block-bg);
}

.view-commercial-customers-slider- .views_slideshow_cycle_teaser_section, .view-scientific-customers-slider .views_slideshow_cycle_teaser_section{
	margin-left: auto;
  	margin-right: auto;
}

.view-commercial-customers-slider- td, .view-scientific-customers-slider td{
 	padding: 0px var(--sp1) 0px var(--sp1);
}

.view-commercial-customers-slider- .field-content a {
	pointer-events: none;
  	text-decoration: none;
  	color: black;
  	font-family: var(--font-sans);
  	font-weight: bold;
}

.view-display-id-block_2 .skin-default,
.view-showcases-slides .skin-default {
	width: 100%;
}

.view-showcases-slides .field-content {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	column-gap: var(--sp1);
}

.showcases-slider-column-left {
	width: 50%;
}

.showcases-slider-column-right {
	width: 50%;
}

@media only screen and (max-width: 768px) {
  
  .showcases-slider-column-left {
		width: 100%;
  }

  .showcases-slider-column-right {
      width: 100%;
  }
  
  .showcases-slider-column-left img {
  	width: 100%;
    height: auto;
  }
  
  .view-showcases-slides .field-content {
    flex-direction: column;
  }
}

/* References Table */

.references-table tr{
	border-color: transparent;
  	line-height: 2;
}

.references-table .rteleft {
	width: 70%;
  	padding-bottom: 50px;
}

.references-table .img-column {
	width: 30%;
    padding-bottom: 50px;
}  

.references-table img {
  width: 50%; 
}

@media only screen and (max-width: 768px) {
	.references-table .img-column {
		width: 50%;
	}  
  
  	.references-table .rteleft {
		width: 50%;
      	padding-right: 0!important;
	}
  
  	.references-table img {
  		width: 100%; 
	}
}

:is(.forum table, .text-content table, .views-table, .draggable-table) td {
 border: none;
}

/* Two-Col */

@media only screen and (max-width: 768px) {
  .block-2col-grey div.layout__region--second {
	padding-top: 0;
    padding-left: var(--sp2);
  }
  
  .layout--twocol-section .layout__region--first, .layout--twocol-section .layout__region--second {
  	padding-left: var(--sp1)!important;
    padding-right: var(--sp1)!important;
  }
  
  .layout--twocol-section .layout__region--second {
  	padding-top: var(--sp1)!important;
  }
  
  .block-2col-grey div.layout__region--first  {
    padding-bottom: 0;
}
}

/* Player */

.tscplayer_inline {
height: 633px;
}

@media only screen and (max-width: 768px) {
	.tscplayer_inline {
    	height: 200px;
    }
}

/* Sonstiges / Text */

.general-notice {
	font-size: var(--font-size-base);
  line-height: 1.5;
}

.bg-grey {
  background-color: var(--color--viscovery-block-bg); 
  padding: var(--sp1);
}

@media only screen and (max-width: 768px) {
  .layout--threecol-section .layout__region--first {
      padding-left: var(--sp0-5);
  }

  .layout--threecol-section .layout__region--third {
      padding-right: var(--sp0-5);
  }
}

/* Radio Buttons Farbe */

/*input[type="radio"]:checked {
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='red'/%3E%3C/svg%3E%0A");
} */

input[type="radio"]:focus {
	box-shadow: none;
} 

/*input[type="checkbox"]:checked {
	background-image: url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M14.8232,0.176777 C14.9209,0.0791457 15.0791,0.0791455 15.1768,0.176777 L16.9445,1.94454 C17.0422,2.04217 17.0422,2.20047 16.9445,2.2981 L6.23744,13.0052 C6.13981,13.1028 5.98151,13.1028 5.88388,13.0052 L0.176777,7.2981 C0.0791456,7.20047 0.0791456,7.04218 0.176777,6.94454 L1.94454,5.17678 C2.04217,5.07915 2.20047,5.07915 2.2981,5.17678 L5.88388,8.76256 C5.98151,8.86019 6.13981,8.86019 6.23744,8.76256 L14.8232,0.176777 Z' id='Path' fill='red' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}*/

/* 2-Col-Block */

.block-2col-2colors .layout--twocol-section div.layout__region--first, .layout--twocol-section div.layout__region--second {
  display: grid;
}

/* Input disable focus-visible */

input:focus-visible, input:focus {
	outline: 0;
}
  
/* Logo Position Mobile */
  
  @media only screen and (max-width: 768px) {
    #block-viscovery23-site-branding {
    	padding-left: 0!important;
    }
  }

/* Pricing Sections Mobile */

  	@media only screen and (max-width: 768px) {
	  .layout--twocol-section.pricing-section .layout__region--first {
      	padding-bottom: 0;
      }
      
       .layout--twocol-section.pricing-section .layout__region--second {
         padding-bottom: var(--sp3);
      }
	}

/* Three Column Grid Padding Fix */

.three-column-section-no-padding {
	padding-left: var(--sp2);
  	padding-right: var(--sp2);
}

.three-column-section-no-padding .layout__region {
	padding-left: 0;
  	padding-right: 0;
}

/* Dialog */

  @media only screen and (max-width: 768px) {
    .ui-dialog {
        width: 100%!important;
    }
  }