/**
 * @file
 * Subtheme specific CSS.
 */
 
 
@font-face {
    font-family: 'Swiss921 BT';
    src: url('fonts/sw921rg.eot');
    src: url('fonts/sw921rg.eot?#iefix') format('embedded-opentype'),
         url('fonts/sw921rg.woff2') format('woff2'),
         url('fonts/sw921rg.woff') format('woff'),
         url('fonts/sw921rg.ttf')  format('truetype'),
         url('fonts/sw921rg.svg#Swiss921 BT') format('svg');
}
@font-face {
    font-family: 'Swiss721 Lt BT';
    src: url('fonts/light/Swiss721BT-Light.eot');
    src: url('fonts/light/Swiss721BT-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/light/Swiss721BT-Light.woff2') format('woff2'),
        url('fonts/light/Swiss721BT-Light.woff') format('woff'),
        url('fonts/light/Swiss721BT-Light.svg#Swiss721BT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

.ab-large, .ab-500, .quicktabs > .field__item:nth-child(2) { display: none; }


.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle,
.btn-secondary:link, .btn-secondary:visited {
  color: #fff;
}
 
body {
	background: #ffffff !important; /* Old browsers */
}
#main-wrapper, #page {
	background: transparent !important;
}
.row {
	max-width: 100%;
	margin: 0;
}
#content {
	padding: 0;
}
.no-margin,
.no-margin .card-body,
.img-no-margin img,
.kein-row .row > * {
	margin: 0;
}
.no-padding,
.no-padding .card-body,
.img-no-padding img,
.kein-row .row > * {
	padding: 0;
}
a:link,
a:visited {
	text-decoration: none;
	color: #d82525;
}
.float-left {
	float: left;
}
.clear-both {
	clear: both;
}
.clear-right {
	clear: right;
}
.inline-block {
	display: inline-block;
}
.margin-right-1em {
	margin-right: 1em;
}
.margin-right-2em {
	margin-right: 2em;
}
.margin-top-05em {
	margin-top: .5em;
}
.margin-right-4em {
	margin-right: 4em;
}
.margin-top-1em {
	margin-top: 1em !important;
}
.margin-top-1-5em {
	margin-top: 1.5em !important;
}
.margin-top-2em {
	margin-top: 2em;
}

.margin-bottom-0-5em {
	margin-bottom: .5em !important;
}
.margin-bottom-1em {
	margin-bottom: 1em !important;;
}
.margin-bottom-1-5em {
	margin-bottom: 1.5em !important;;
}
.margin-bottom-2em {
	margin-bottom: 2em !important;;
}
.margin-bottom-2-5em {
	margin-bottom: 2.5em !important;;
}
.margin-bottom-15px {
	margin-bottom: -15px;
}
.margin-right-2proz {
	margin-right: 2%;
}
.padding-bottom-2em {
	padding-bottom: 2em !important;;
}
.padding-bottom-1em {
	padding-bottom: 1em;
}
.padding-top-05em {
	padding-top: .5em !important;
}
.padding-o-u {
	padding-top: 2em;
	padding-bottom: 2em;
}
.padding-30px {
	padding-left: 0;
	padding-right: 0;
}
.padding-30px-immer {
	padding-left: 30px;
	padding-right: 30px;
}
.w-40-prozent {
	width: 40%;
}
.width-35 {
	width: 35px;
}
.min-height-120 {
	min-height: 120px;
}
.max-width-319 {
	max-width: 319px;
}
.w-100 img {
	width: 100%;
	height: auto;
}
.display-flex {
	display: flex;
}
.align-items-center {
	align-items: center;
}
.linehight-normal {
	line-height: normal;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.schrift-inherit  {
	font-family: Helvetica;
}
.swiss, h1, .navbar-brand {
	font-family: 'Swiss921 BT', Arial, Helvetica;	
}
.swisslight {
	font-family:'Swiss721 Lt BT';
}
.fett {
	font-weight: bold;
}
.nicht-fett {
	font-weight: normal;
}
.kursiv {
	font-style: italic;
}
.mini {
	font-size: .8em;
}
.uppercase {
	text-transform: uppercase;	
}
.font-1-2rem {
	font-size: 1.2rem;
}
.font-1-5rem {
	font-size: 1.5em;
}
.font-2rem {
	font-size: 2rem;
}
.font-2-5rem {
	font-size: 2.5em;
}
.besondere-font {
	font-size: 1.8em;
	line-height: initial;
}
.color-rot {
	color: #D82525;
}
.color-grau {
	color: #999;
}
.color-white {
	color: white;
}
.bg-rot {
	background: #D82525;
	color: white;
}
.bg-rot a {
	color: white;
	text-decoration: none;
}
.bg-rot a:hover, .bg-rot a:focus {
    color: #ccc;
}
.bg-white {
	background: white;
}
.skew-right {
	transform: skewX(12deg);
}
.flex-div {
	display: flex;
}
.flex-items.album {
	display: flex;
	gap: 20px 40px;
}
.flex-items.album.left {
	justify-content: flex-start;
}
.nowrap {
	flex-wrap: nowrap;
}
.keine-border > h3 {
	border: none !important;
}
.kein-bg > h3 {
	background: none !important;
}
.max-1320 {
	max-width: 1320px;
}
.margin-left-auto {
	margin-left: auto;
} 
.display-table {
	display: table;
}
.unsichtbar,
.reihenfolge-weg .tabledrag-toggle-weight-wrapper,
.milling-vollansicht .tabledrag-toggle-weight-wrapper { /* - ab Milling - */
	display: none;
}
.hint {
	align-items: center;
	background: #eee;
	display: flex;
	gap: 50px;
	padding: .8rem;
	border: 1px solid black;
	margin-bottom: 2rem;
}
.hint p {
	margin-bottom: 0 !important;
}
a.linkbutton {
	background-color: #2e2d2c;
    border-color: #2e2d2c;
    color: #fff;
	width: 100%;
}
a.linkbutton:hover {
	background-color: #80807e;
    color: #fff;
    border-color: black;
}

h1, .zusatz {
	font-size: 2.5rem;
	padding-top: 1rem;
}
.view .row,
.view .row > * {
	margin: 0;
	padding: 0;
}

.bannertitel {
	/* top: 15px; */
	top: 0;
	left: 0;
	max-width: 90%;
	z-index: 4;
}
.startkacheln .bannertitel {
	width: 88%;
}
.padding-bannertitel {
	padding: 1rem;
}
.bannertitel h3 {
	font-size: 1.3rem;
}
.startkacheln .bannertitel h3 {
	font-size: 3vw;
}
.banner-bg {
	left: .5rem;
	z-index: 1;
	width: 100%;
}
.banner-front {
	z-index: 2;
}

#header {
	position: relative;
}
#main-wrapper {
	padding-top: 40px;
}
.path-frontpage #main-wrapper {
	padding-top: inherit;
}
.path-frontpage .block-system-main-block {
	display: none;
}
@keyframes hoehemehr {
  from {height: 0;}
  to {height: 40px;}
}
@keyframes hoeheweniger {
  from {height: 40px;}
  to {height: 0;}
}
.path-frontpage #navbar-top,
.path-frontpage.scrollup #navbar-top {
	height: 0;
}
#navbar-top,
.path-frontpage.scrollup.scrolled #navbar-top,
.path-frontpage.scrolldown #navbar-top {
	background-color: transparent !important;
	display: block;
	padding: 0;
    position: fixed;
    z-index: 300;
	height: 40px;
    width: 100%;
}
/*
.path-frontpage.scrollup.scrolled #navbar-top,
.path-frontpage.scrolldown #navbar-top {
	animation-name: hoehemehr;
	animation-duration: 1s;	
}
.path-frontpage.scrollup #navbar-top {
	animation-name: hoeheweniger;
	animation-duration: 1s;	
}
*/
#navbar-top {
  background-color: #ffffff !important;
}
.sprachwahl {
  position: absolute;
  left: 10vw;
  width: 50px;
  top: -6px;
  padding: 0;
}
.sprachwahl .nav-link {
	padding: 0;
}
.sprachwahl.kuerzel {
	width: auto;
	top: 0;
	left: 40px;
	background: rgba(255,255,255,1);
	padding-left: 10px;
	padding-top: 5px;
}
.sprachwahl.kuerzel li {
	padding-bottom: 10px;
}

/* - Hauptmenu eigenes JavaScript - */
.overlay-base {
	background-color: rgba(0,0,0,0.93);
	overflow-y: auto;
	transition: 0.5s;
	position: fixed;
	z-index: 300;
}
.overlay {
  height: 0%;
  width: 100%;
  top: 0;
  left: 0;
}
.modal {
  position: fixed; /* Stay in place */
  display: none;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Versteckt durch 0 Höhe */
  overflow: auto; /* Enable scroll if needed */
  padding-top: 60px;	
	transition: 0.5s;
}
.modal > .content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  padding: 2em;
  position: relative;
  width: 80%; /* Could be more or less, depending on screen size */	
}
/* Add Zoom Animation */
.modal > .content {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}
/* The Close Button (x) */
.modal .btn-close {
	position: absolute;
	right: 2.5em;
}
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

.hauptmenu .content > ul {
	display: flex;
	position: relative;
	top: 25%;
	width: 100%;
	margin-top: 30px;
	padding-left: 0;
	flex-wrap: wrap;
	justify-content: center;
}

/**/
/* - ab hier dropdown-menü - */
/**/
.hauptmenu .dropdown-menu {
	position: initial;
	background-color: transparent;
	margin: initial;
	border: 0;
}
.hauptmenu li.nav-item {
  min-width: 210px;
  margin-bottom: 2em;
  width: 90%;
}
.hauptmenu .dropdown-item {
	padding: initial;
}
.hauptmenu span.dropdown-toggle:after {
	display: none;
}
.hauptmenu .dropdown-toggle::after {
	content: "▼";
	color: #D82525;
	border: 0;
	position: absolute;
	right: 0.75em;
	font-size: 20px;
	top: 0.25em;
}
.hauptmenu ul.ebene-1 {
	padding-left: 0;
}
.hauptmenu.overlay li li,
.kundenmenu li {
	border-bottom: 1px solid #818181;
}
.kundenmenu li:first-child,
li.no-border {
	border: none !important;
}
.hauptmenu.overlay li li:active, .hauptmenu.overlay li li.active, .hauptmenu.overlay li li:focus, .hauptmenu.overlay li li:hover {
	background: transparent;
	color: white;
}
.hauptmenu .padding-re-x {
	padding-right: 2.8em !important;
}
.ebene-1 li > a {
	text-transform: uppercase;
}
/* - 3.Ebene - */
.hauptmenu.overlay li li li {
	border-bottom: 0;
}
.hauptmenu.overlay li li li a {
	padding: 5px 0 5px 3px !important;
}
.hauptmenu.overlay li li li:last-child {
	padding-bottom: 16px;
}

@media screen and (min-width: 620px) {
	.hauptmenu ul.nav,
	.hauptmenu .content > ul	{
	justify-content: space-evenly;
	gap: 30px;
	}
	.hauptmenu li.nav-item {
		width: auto;
	}
}

/* - bis hier dropdown-menu - */

/* - Beginn Kundenmenu - */
.hauptmenu.kundenmenu .nav {
	display: block;
	width: 210px;
	margin-left: auto;
	margin-right: auto;
}
.hauptmenu.kundenmenu li.nav-item {
	margin-bottom: 0;
}
.hauptmenu.kundenmenu ul ul {
	padding-left: 0;
}
</* - Ende Kundenmenu - */


.overlay ul ul {
	padding: 0;
}
.overlay li.nav-item {
    list-style: none;
}

.overlay a,
.overlay li li span.nav-link- {
	padding: 10px 0 !important;
	text-decoration: none;
	font-size: 16px;
	color: #818181;
	display: block;
	transition: 0.3s;
}
.milling-link.btn-warning {
	color: #d82525 !important;
}
.milling-link.btn-warning:hover,
.milling-link.btn-warning:focus {
	color: black !important;
}


.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}
.overlay li.active > a, .overlay a.is-active {
	color: #D82525;
}

.overlay .closebtn {
	position: absolute;
	top: -40px;
	font-size: 60px;
	z-index: 400;
	left: 0;
}
.navbloecke {
	background-color: #2e2d2c;
	color: white;
	z-index: 300;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}

.hamburger {
	left: 0;
	top: 0;
	width: 40px;
	cursor: pointer;
}
.hamburger:hover,
.hamburger:focus,
.iconsrechtsoben > div > div >*:hover,
.iconsrechtsoben >*:focus {
	background-color: #80807E;
}
.hamburger span {
    padding: 1vw 1.5vw;
}

.overlay span.nav-link {
	font-size: 20px;
	color: #D82525;
	font-family: 'Swiss921 BT';
	text-transform: uppercase;
	padding: 0 !important;
	margin-top: 1em;
}

.iconsrechtsoben {
    right: 0;
    width: auto;
}
.iconsrechtsoben i,
.iconsrechtsoben a {
	height: 40px;
	width: 40px;
	cursor: pointer;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}
.iconsrechtsoben a.logged-in {
	display: none;
}
.fa-user-slash {
	color: #d82525;
}
body.user-logged-in .iconsrechtsoben i.logged-out {
	display: none;
}
body.user-logged-in .iconsrechtsoben a.logged-in {
	display: table-cell;
}
#block-cart .nur-zahl,
#block-warenkorb .standard-inhalt {
	display: none;
}
#block-warenkorb {
	position: absolute;
	right: 0;
	width: 60px;
	height: 30px;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	top: 40px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #2e2d2c; /* Old browsers */
	background: -moz-linear-gradient(top,  #2e2d2c 0%, #2e2d2c 35%, #a2a39c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2e2d2c 0%,#2e2d2c 35%,#a2a39c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2e2d2c 0%,#2e2d2c 35%,#a2a39c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2d2c', endColorstr='#a2a39c',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
}

/* - Ende Overlay Hauptmenu eigenes Script - */

.navbar-brand {
	font-size: 2vw;
	position: absolute;
	top: 0;
	left: 50%;
	background: #2e2d2c;
	width: auto;
	padding: 0;
	margin: 0;
	height: 40px;
	display: flex;
	align-items: center;
	transition: 0.3s;
}
a.navbar-brand {
	color: white;
	padding: .4vw 1.3vw;
}
a.navbar-brand:hover,
a.navbar-brand:focus {
	color: white;
	background-color: #80807E;
}
#navbar-main {
	margin: 0;
	padding: 0;
}
.region-background-image {
    position: relative;
	margin: 0;
}
.hintergrundbild {
    z-index: 50;
    height: 22.5vw;
    background-repeat: no-repeat;
}
#block-roteschrageoben {
	z-index: 100;
	width: 15%;
	left: 0;
	padding: 0;
}
#block-roteschrageoben > div > div > div {
	width: 100%;
	height: 22.5vw;
}
#block-roteschrageoben > div > div > div.banner-front {
	width: 50%;
}
.path-frontpage h1.title {
	display: none;
}
.titel-claim h1 {
	font-size: unset;
	margin-bottom: 0;
}
.untertitel {
	font-size: .65em;
	line-height: initial;
}
.titel-claim {
	color: #636363;
	font-size: 2vw;
    position: absolute;
    left: 20%;
    top: 3vw;
    z-index: 100;
    display: table;
	width: 45%;
}
/**
/* - main container - */
/**/
#main {
	min-height: 400px;
	margin-bottom: 2em;
}
.node--type-produktseite #main {
	margin-bottom: 0;
}
.node--type-page #main {
	margin-top: 2em;
}
#main.container > div,
.site-footer .container > div {
	padding-left: 30px;
	padding-right: 30px;
}
#block-primogroup-page-title {
	position: relative;
	z-index: 100;
	padding-left: 0;
}
.title.container {
	padding-left: 0;
	margin-left: 0;
}
.node--type-produktseite .title.container {
	margin-left: auto;
	padding-left: var(--bs-gutter-x,.75rem);
}
.node--type-produktseite #block-primogroup-page-title {
	background: white;
}
/* - Flexslider - */
.begruessungsblock .row {
    margin: 0;
    padding: 0;
}
.flex-grusstext {
	display: flex;
	flex-wrap: wrap;
	padding: 1em 0;
	margin: 0;
}
.flexslider-links {
	padding: 2em 0;
	margin: 0 -40px;
}
.flexslider {
	margin: 0;
	background:transparent;
	border:0;
	padding: 0;
}
.flex-grusstext .flexslider {
	padding: 0 2em;
}
.flex-direction-nav a {
/*	top: 45%; */
}
.flex-direction-nav a::before {
	font-size: 25px;
	width: 40px;
	height: 40px;
	line-height: 1.55;
	background: #ccc;
	text-align: center !important;
	border-radius: 30px;
	color: white;
	border: 1px solid white;
}
.flexslider:hover .flex-direction-nav .flex-next {
	right: 1em;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	left: 1em;
}
/* - 2023-01-13 - neu -*/
.view-flexslider-produktfotos .flex-direction-nav a {
	display: inherit;
	opacity: .7;
}
.view-flexslider-produktfotos .flex-direction-nav .flex-prev {
  left: -1em;
}
.view-flexslider-produktfotos .flex-direction-nav .flex-next {
	right: -1em;
}
/* - neu Ende - */
/* - Flexslider-Carousel Produktfotos - */

.foto {
	padding-right: 7px;
	padding-left: 2px;
}
.produktfoto-carousel li img {
	margin-bottom: 1rem;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.flex-caption {
	padding: .5rem; 
}
.produktfoto-carousel .flexslider:hover .flex-direction-nav .flex-next {
	right: -1em;
}
.produktfoto-carousel .flexslider:hover .flex-direction-nav .flex-prev {
	left: -1em;
}
/* - Logo-Schriftzug rechts - */
.logoschriftzug {
	position: relative;
	font-size: 3em;
	margin-bottom: 2rem;
	line-height: normal;
}
.logoschriftzug-swiss {
	
}
.letter-space-1 {
	letter-spacing: 1px;
}
.registered {
	font-size: .35em;
	position: relative;
	top: -1.5em;
}
.digitalclassic-claim,
.registered {
	font-family: sans-serif;
}
.digitalclassic-claim {
	font-size: .438em;
	color: #666;
}

/* - Quicktabs Start - */
ul.quicktabs-tabs {
	display: flex;
	flex-direction: row;
	margin-bottom: 1.3em;
}
/* neu: Tabs digital, classic, other brands breiter im Handy */
@media screen and (max-width: 992px) {
	.kategorientabs ul {
		margin-right: -30px;
		margin-left: -30px;
	}
}
.kategorientabs li.digitalclassic {
	margin: 0;
	padding: 0;
	background: #646464;
	border: none !important;
	border-radius: 0;
	margin-top: 0 !important;
	position:relative;
	width: 33%;
}
.kategorientabs li.digitalclassic.active,
#quicktabs-tab-start_digital_classic-1.active::before,
#quicktabs-tab-start_digital_classic-0.active::after,
#quicktabs-tab-start_digital_classic-1.active::after,
#quicktabs-tab-start_digital_classic-2.active::before,
.kategorientabs ul > li:hover,
.kategorientabs ul > li:hover::after,
.kategorientabs ul > li:hover::before {
	background: #D82525 !important;		
}
.kategorientabs li.digitalclassic a {
	color: white;
	display: block;
	font-size: 1.5em;
	padding: 1.8rem 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}
.kategorientabs li.digitalclassic.active a {
	font-weight: bold;
}
#quicktabs-tab-start_digital_classic-0,
#quicktabs-tab-start_digital_classic-1 {
	margin-right: 1rem;
}
#quicktabs-tab-start_digital_classic-1,
#quicktabs-tab-start_digital_classic-2 {
	margin-left: 1rem;
}
#quicktabs-tab-start_digital_classic-1::before,
#quicktabs-tab-start_digital_classic-2::before {
	transform: skewX(12deg);
	position: absolute;
	left: -12px;
	width: 25px;
	height: 100%;
	display: block;
	content: "";
	background: #646464;
}
#quicktabs-tab-start_digital_classic-0::after,
#quicktabs-tab-start_digital_classic-1::after {
	transform: skewX(12deg);
	position: absolute;
	right: -12px;
	width: 25px;
	height: 100%;
	display: block;
	content: "";
	background: #646464;
	top: 0;
}
.dark-background {
	display: block;
	position: absolute;
	z-index: 100;
}
.dark-background:hover, .dark-background:focus {
	background: rgba(0,0,0,.3);
}
.shadow .w-100,
.h-100 {
/*	background-color: black; */
	overflow: hidden;
}
.shadow .w-100 img,
.h-100 img {
	transition: all 0.45s ease 0s !important;
	overflow: hidden;
}
.shadow .w-100:hover img,
.h-100:hover img {
	transform: scale(1.10);
	opacity: .7;
}
.shadow .w-100:active img,
.h-100:active img {
	transform: scale(1.20);
	opacity: .3;
}
div.ajax-progress-throbber {
	display: none;
}
/* - ab hier Kacheln-Startseite - Animation - */
.top-0 {
	top: 0;
}
.startkacheln,
.startkacheln .view-empty {
	height: 100%;
}
.startkacheln > .row,
.startkacheln .view-empty > .row,
.katlink {
	justify-content: center;
	align-content: center;
	height: 100%;
}
.produktname {
	text-align: center;
	font-size: 2.5em;
}
.drueber {
	z-index: 4;
	opacity: 0;
	transition: opacity 1.5s;
}
.shadow .drueber {
	background: rgba(0,0,0,.7);
}

.drunter {
	z-index: 2;
}
.drueber:hover, .drueber:focus {
	opacity: 1;
}


/**
/* - Produktseiten - Farbe - */
/**/
.titel-slogan p {
	margin-bottom: .2em;
}
.claim-carousel {
	margin: 2em 0 0;
}
.farbe {
	z-index: 1;
	width: 95%;
	height: 100%;
	left: -35%;
}
.phaser .farbe,
.phaser .produkthintergrundfarbe {
	background: #fcc517;
}
.phaser .produktfarbe,
.phaser .symbole .ui-state-active i,
.phaser .symbole .active i {
	color: #fcc517;
}
.phaser .btn.produktfarbe {
	border-color: #fcc517;
}
.primosplint .farbe,
.primosplint .produkthintergrundfarbe {
	background: #8676b0;
}
.primosplint .produktfarbe,
.primosplint .symbole .ui-state-active i,
.primosplint .symbole .active i {
	color: #8676b0;
}
.primosplint .btn.produktfarbe {
	border-color: #8676b0;
}
.primopattern .produkthintergrundfarbe {
	background: #d32f2e;
}
.primopattern .produktfarbe,
.primopattern .symbole .ui-state-active i,
.primopattern .symbole .active i {
	color: #d32f2e;
}
.primopattern .btn.produktfarbe {
	border-color: #d32f2e;
}
.primobase .produkthintergrundfarbe {
	background: #84746d;
}
.primobase .produktfarbe,
.primobase .symbole .ui-state-active i,
.primobase .symbole .active i {
	color: #84746d;
}
.primobase .btn.produktfarbe {
	border-color: #84746d;
}
.metalight .produkthintergrundfarbe {
	background: #f29400;
}
.metalight .produktfarbe,
.metalight .symbole .ui-state-active i,
.metalight .symbole .active i {
	color: #f29400;
}
.metalight .btn.produktfarbe {
	border-color: #f29400;
}
.twister .produkthintergrundfarbe {
	background: #97bf0d;
}
.twister .produktfarbe,
.twister .symbole .ui-state-active i,
.twister .symbole .active i {
	color: #97bf0d;
}
.twister .btn.produktfarbe {
	border-color: #97bf0d;
}
.primobyte .produkthintergrundfarbe {
	background: #f6b208;
}
.primobyte .produktfarbe,
.primobyte .symbole .ui-state-active i,
.primobyte .symbole .active i {
	color: #f6b208;
}
.primobyte .btn.produktfarbe {
	border-color: #f6b208;
}
.metablue .produkthintergrundfarbe {
	background: #008ac7;
}
.metablue .produktfarbe,
.metablue .symbole .ui-state-active i,
.metablue .symbole .active i {
	color: #008ac7;
}
.metablue .btn.produktfarbe {
	border-color: #008ac7;
}
.primoflex .produkthintergrundfarbe {
	background: #60547F;
}
.primoflex .produktfarbe,
.primoflex .symbole .ui-state-active i,
.primoflex .symbole .active i {
	color: #60547F;
}
.primoflex .btn.produktfarbe {
	border-color: #60547F;
}
.clearflex .produkthintergrundfarbe {
	background: #1d6f71;
}
.clearflex .produktfarbe,
.clearflex .symbole .ui-state-active i,
.clearflex .symbole .active i {
	color: #1d6f71;
}
.clearflex .btn.produktfarbe {
	border-color: #1d6f71;
}
.Alegra .produkthintergrundfarbe {
	background: #F7A100;
}
.Alegra .produktfarbe,
.Alegra .symbole .ui-state-active i,
.Alegra .symbole .active i {
	color: #F7A100;
}
.Alegra .btn.produktfarbe {
	border-color: #F7A100;
}
.milling-burs .produkthintergrundfarbe {
	background: #008ac7;
}
.milling-burs .produktfarbe,
.milling-burs .symbole .ui-state-active i,
.milling-burs .symbole .active i {
	color: #008ac7;
}
.milling-burs .btn.produktfarbe {
	border-color: #008ac7;
}
.scanner .produkthintergrundfarbe {
	background: #a066bb;
}
.scanner .produktfarbe,
.scanner .symbole .ui-state-active i,
.scanner .symbole .active i {
	color: #a066bb;
}
.scanner .btn.produktfarbe {
	border-color: #a066bb;
}
.pinkflex .produkthintergrundfarbe {
	background: #E1676E;
}
.pinkflex .produktfarbe,
.pinkflex .symbole .ui-state-active i,
.pinkflex .symbole .active i {
	color: #E1676E;
}
.pinkflex .btn.produktfarbe {
	border-color: #E1676E;
}
.primostone .produkthintergrundfarbe {
	background: #002060;
}
.primostone .produktfarbe,
.primostone .symbole .ui-state-active i,
.primostone .symbole .active i {
	color: #002060;
}
.primostone .btn.produktfarbe {
	border-color: #002060;
}
.primostone .schriftfarbe {
	color: darkgrey;
}
.primoflex .schriftfarbe {
	color: rgba(0, 0, 0, .95);
}
.btn.produktfarbe {
	background: white;
}
#infobereich,
#shopslide {
  scroll-padding-top: 200px;
  overflow: hidden;
}
/* - Produktslideshow Fräser - */
.variantenview #shopproduktslide .produktvariante.fraeser {
	width: auto;
	border: 0;
	padding: 0 25px;
}

/* Bestseller-Slidehow im Quicktab (ab 2023-02-02) */
.bestsellerslide {
	margin: 0 30px;
}
/* - Shopseite im Quicktab - */
.margin-auto.quickshop {
	margin: 0 auto !important;
}
.tab-subtitel {
	font-size: 1.6rem;
}

.inhalte {
	z-index: 2;
	padding-top: 1.9rem;
	padding-right: 1.9rem;
	padding-bottom: 30px;
}
.claim {
	color: #999;
	font-size: 2.6rem;
	line-height: 1;
	margin-bottom: .7rem;
	margin-top: 15px;
}
.einzelpreis {
	font-size: 2.5em;
	margin-top: -10px;
	padding-bottom: 20px;
	float: left;
	margin-right: 1em;
}
.umsatzsteuer {
	position: relative;
	top:52px;
	visibility: hidden;
	display: none;
}
.mousetext {
	opacity: 0;
	transition: opacity 1s;
	position: absolute;
	background: white;
	padding: 20px;
	font-size: .8em;
	border: 1px solid #ccc;
	left: 0;
	top: 43px;
	width: 319px;
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.30);
	visibility: hidden;
	z-index: 100;
}
.mousetrigger:hover .mousetext {
	visibility: visible;
	opacity: .95;
}
.infokreis {
	font-size: 2.2rem;
}
.einzelpreis-unten .infokreis {
	color: white;
}
.mousetext ul {
  padding-left: 1rem;
}
.flexform form {
	display: flex;
	clear: left;
}
.flexform .form-actions {
	margin-left: 15px;
}
.flexform form,
.rabattstaffeln .btn,
.zubehoerauswahl .btn {
	width: 319px;
}
.blank .rabattstaffeln .graue-leisten {
	width: 100%;
	max-width: 390px;
	margin-top: 1em
}
.zubehoerauswahl {
	margin-top: 2.5em;
}
.downloads-claim-preis .flexform form {
	width: auto;
}
.downloads-claim-preis .field--name-quantity label {
	display: none;
}
.downloads-claim-preis .field--name-quantity input {
	margin-left: 0;
}


/* - Claim und Preis neben Downloads - */
.field--name-field-clain-preis {
	padding-top: 2em;
}
.field--name-field-clain-preis .claim {
	padding-bottom: .5em;
	padding-left: 30px;
}
.field--name-field-clain-preis .einzelpreis-unten,
.field--name-field-clain-preis .view-produkt-auf-der-info-seite {
	padding: 2em 1em 2em 80px;
	position: relative;
}
	.field--name-field-clain-preis .produkthintergrundfarbe.dreieck {
		height: 100%;
		background-image: url(/themes/primogroup/images/dreieck-weiss-li.png);
		background-repeat: no-repeat;
	}
.field--name-field-clain-preis .weiss-bg {
	background: white;
	width: 60px;
	position: absolute;
	left: -30px;
	height: 100%;
	top: 0;
}
.field--name-field-clain-preis .einzelpreis.produktfarbe {
	color: white;
}
/* - responsive Tabs - */
.tabs-responsive {
	background: #666;
	padding: .3em 30px 0;
}
.ui-accordion .ui-accordion-header {
	margin: 0;
	padding: 0;
}
.ui-state-default,
.jquery .ui-tabs .ui-tabs-nav li {
	background: transparent;
	border: none;
}
.tabs-responsive h3.ui-accordion-header > span,
.symbole h3.ui-accordion-header > span,
.symboltabs h2 > span {
	display: none;
}
.tabs-responsive h3.ui-accordion-header a,
.mit-plus .item-list .list-group a {
	display: block;
	font-family: 'Swiss921 BT';	
	font-size: 1.6em;
	padding: .3em 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.tabs-responsive h3.ui-accordion-header-active a,
.tabs-responsive h3.ui-accordion-header:last-of-type a,
.mit-plus .list-group > li:last-of-type a {
	border-bottom: none;
	padding-bottom: .5em;
}
.tabs-responsive .ui-state-default a, .tabs-responsive .ui-state-default a:link {
	color: white;
}
.tabs-responsive .ui-state-hover a, .tabs-responsive .ui-state-hover a:hover, .tabs-responsive .ui-state-hover a:link,
.tabs-responsive .ui-state-active a:link {
	color: #ccc;
}
.tabs-responsive h3.ui-accordion-header a:after,
.mit-plus .list-group a:after {
	content: "+";
	display: block;
	position: absolute;
	right: 0;
	top: .2em;
}
.tabs-responsive h3.ui-state-active a:after {
	content: "--";	
}
.tabs-responsive .ui-accordion-content {
	margin: 0 -30px;
	padding: 0;
}
.tabs-responsive .partner .ui-accordion-content {
	margin: -10px 0 0;
	padding: .5em 1em 1em;
}
/* - Videos im Quicktab - */
.videos video {
  width: 100%;
  height: 100%;
}

/* - Quicktabs Symbole - */

.symbole-aussen,
.symboltabs {
	background: #F2F2F2;
	margin: 0 -30px;
}
.symbole .quicktabs-main > div {
	padding: 2em 0;
}
.symbole .ui-accordion .ui-accordion-content {
	border: none;
	padding: 0;
	background: transparent;
	overflow: inherit;
}
.symbole video {
	width: 100% !important;
	height: auto;
}
.symbole .ui-state-default a, .symbole .ui-state-default a:link,
li.technikquicktabs a, li.technikquicktabs a:link {
	color: #666;
}
.symbole .ui-state-hover a, .symbole .ui-state-hover a:hover, .symbole .ui-state-hover a:link {
	color: #666;
}
.symbole a.ui-tabs-anchor,
.symbole a.quicktabs-loaded {
	font-size: .85rem;
	cursor: pointer !important;
	display: table;
	margin: 1em auto;
	float: none !important;
}
.symbole h3.ui-accordion-header {
	font-size: .85rem;
	position: relative;
	text-align: center;
	padding: 2.5em 0;
}
.symbole i {
	display: table;
	font-size: 2rem;
	background: white;
	margin: 0 auto 1rem;
	padding: 1.8rem;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.symbole i:hover {
	color: #ccc;
}
.symbole .ui-tabs-anchor .swiss,
.symbole .quicktabs-loaded .swiss,
.symbole h3.ui-accordion-header span.swiss {
	display: block;
	font-size: 1.5em;
	margin-bottom: 1rem;
	text-align: center;
}
.jquery .ui-widget.ui-widget-content,
.jquery .ui-widget-header {
	border: none;
	padding: 0;
	background: none;
}
.symbole .ui-tabs-anchor .swiss,
.symbole .quicktabs-loaded .swiss {
	margin-bottom: .3rem;	
}
.symbole .ui-state-active i {
	color: #fcc517;
}
.symbole .ui-tabs .ui-tabs-panel {
	padding: 1em 0;
}
/* Ausnahme metalight */
.container.metalight > .view-content > div {
	margin-bottom: 2em;
	font-size: .85em;
}
/* - Quicktabs Download - */
.downloads-claim-preis .row {
	margin: 0;
	padding: 0;
}
.mit-plus .item-list .list-group a {
	float: none;
	cursor: pointer !important;
}
.mit-plus .ui-tabs .ui-tabs-panel {
	background: white;
	margin: 0 -30px;
	padding: 0;
}
.mit-plus .bannertitel h3 {
	font-size: 1.1rem;
}
.graue-leisten {
	padding: .3em 1em !important;
	text-transform: uppercase;
	margin-bottom: .3em !important;
	display: block;
}
a.graue-leisten {
	text-decoration: none;
	color: #333;
}
a.graue-leisten:link,
a.graue-leisten:visited {
	background: #bbb;	
}
a.graue-leisten:hover,
a.graue-leisten:focus {
	background: #ccc;	
}
.partner div.ui-state-active,
.partner a.graue-leisten:hover,
.partner a.graue-leisten:focus {
	color: #ff5353;
}
.partner h3 {
	font-size: unset !important;
}
.partner h3 a.graue-leisten {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	padding: .4em 1em !important;
}
.partner a:after {
	right: 1em !important;
}
.faq p {
	margin-bottom: .5rem;
}
.faq ul {
	margin-bottom: 1.5rem;
}
.faq strong {
	background: #bbb;
	font-weight: normal;
	text-transform: uppercase;
	padding: .5em 1em;
	display: block;
}

/* Overlay - Modales Fenster - */
.node-overlay {
	width: 90% !important;
	max-width: 100%;
	z-index: 500;
/*	top: 32px !important; */
	border-top: 15px solid white !important;
	border-bottom: 15px solid white !important;
}
.user-logged-in .node-overlay {
/*	top: 85px !important; */
	max-width: 900px;
}
#drupal-off-canvas {
	color: black;
	background: white;
}
.ui-dialog .ui-widget-header {
	border: none;
	background: none;
}
.ui-dialog .ui-dialog-title {
	display: none;
}
.ui-dialog h1 {
	width: 85%;
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
.ui-dialog .ui-dialog-titlebar {
	padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	width: 33px;
	height: 32px;
/*	right: 38px;
	top: 30px; */
	padding: 0;
	background: transparent url(/themes/primogroup/images/close-x.png) no-repeat;
	border: none;
	z-index: 200;
}
#cboxContent #cboxClose {
	background: transparent url(/themes/primogroup/images/close-x.png) no-repeat;
	Background-size: 100% auto;
}
#colorbox #cboxWrapper {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/* .ui-dialog .ui-dialog-titlebar-close:after {
	content: "x";
	color: #333;
	font-size: 35px;
	margin-top: -18px;
	display: block;
} */
.ui-dialog .node__content,
.ui-dialog h1 {
	margin-top: 0;
}
.linke-spalte {
	float: left;
	padding-right: 1em;
}
.linke-spalte, .rechte-spalte {
	margin-bottom: 1em;
}
/** - ab 2024 Media im Body - **/
/* .textcontainer */
.align-left .media,
.align-left figcaption {
	margin-right: 1em;
}


/* - Fotoalbum - */
.flexbilder {
	display: flex;
	flex-wrap: wrap;
	
}
.flexbilder .field__item {
	width: 50%;
	flex: 0 0 auto
}
.flexbilder img {
	width: 100%; 
	height: auto;
}

/* - shopslideanker für Scroll to Shopslideshow - */
#shopslideanker {
	position: absolute;
	top: -70px;
}

/**
/* - Produkte/Shopbereich */
/**/
.variante,
.variantenview > .view-content {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: start;
}
/* - diese Zeile: der View zentriert bei Produktpräsentation ohne Slideshow - */
.field--name-field-shopprodukt .variantenview.fixiert .view-header h2 {
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
}
/* 350 Pixel fixiert - ein Test für die Beurteilung - */
.variantenview.fixiert .produktvariante { 
	width: 350px !important;
}
.variantenview.fixiert {
	display: table;
	margin: 0;
	width: 350px;
}
.zentriert.kompakt,
.node--type-produktgruppen .seitentitel {
	width: 350px;
	margin-right: auto !important;
	margin-left: auto !important;
}
.field--name-field-shopprodukt .variantenview.fixiert {
	margin: 0 auto;
}
.variantenview.fixiert > .view-content {
	gap: 50px;
}
@media screen and (min-width: 810px) {
	.variantenview.fixiert,
	.zentriert.kompakt,
	.node--type-produktgruppen .seitentitel,
	.page-view-produkte-mit-varianten h1 {
		width: 750px;
		/* margin: 0 auto !important; */
	}
}
@media screen and (min-width: 1210px) {
	.variantenview.fixiert,
	.zentriert.kompakt,
	.node--type-produktgruppen .seitentitel,
	.page-view-produkte-mit-varianten h1 {
		width: 1150px;
	}
}	
/* - ohne Slideshow Ende - */

/* - Shopseite als View - */
.shopseite .view-filters fieldset,
.shopseite .view-filters .form-actions {
	margin-bottom: 0 !important;
}
.shopseite .view-filters fieldset {
	padding-left: 0;
}
.shopseite .view-filters label {
	margin-bottom: .2em;
	font-weight: bold;
}
.shopseite.variantenview.fixiert > .view-content {
    gap: 20px 50px;
}
.shopseite .view-filters .form-row {
	display: flex;
	margin-bottom: 2.5em;
	flex-wrap: wrap;
	gap: 10px;
}
.shopseite .view-filters .form-row > div {
	margin-bottom: 0 !important;
}
.default-farbe {
	margin-top: -1.4rem;
}
.ref-line {
	position: relative;
}
.ref-line .view-filters {
	display: table;
    background: #f29400;
    width: 350px;
    color: white;
    padding-bottom: 10px;
    margin-bottom: 2em;
	
}
.ref-line .view-filters .form-row {
	gap: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
.ref-line .view-filters .form-row label {
	margin-left: 3px;
}
.ref-line .hundertprozent img {
	margin: 1em auto 2em;
}
.choose-text {
	color: white;
/*    margin-bottom: 0.9em; */
    display: table;
    padding: .4em 12px .3em;
	width: 350px;
	font-size: 1.1rem;
	font-weight: 100;
}
/* - Rabatte - */
.fas.fa-percent {
    background: green;
    color: white;
	border-radius: 40px;
	padding: 10px;
	width: 36px;
	text-align: center;
}
.fas.fa-percent.absolute {
    right: 0;
    top: 0;
    border-radius: 0 0 0 40px;
    padding: 9px 9px 16px 16px;
}
.tooltip-div-rabatt {
	position: relative;
}
.tooltiptext-rabatt {
	visibility: hidden;
    min-width: 130px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 1em;
    position: absolute;
    z-index: 1;
    top: -45px;
    margin-left: 15px;
    opacity: 0;
    transition: opacity 1s;
}
.produktbeschreibung .tooltiptext-rabatt {
	min-width: 235px;
}
.coupon-redemption-form__coupons tr {
	display: none;
}
.coupon-redemption-form__coupons tr:first-child {
	display: inherit;
}
/* - Fräser Shopseite - */
.shopseite.gruppiert2 .view-grouping-content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 50px;
}
.shopseite.gruppiert2 .view-grouping-content h3 {
	width: 100%;
}
.shopseite.gruppiert2 .view-grouping-header {
	background: #666;
	color: white;
	font-size: 1.75rem;
	padding: .2em .5em;
	margin-bottom: .5em;
}
.textangaben {
  height: 110px;
}
.produktvariante.fraeser .detail {
	font-size: .85em;
	margin-right: -15px;
}
.produktvariante.fraeser .detail .field__label {
	font-weight: bold;
	margin-right: 10px;
}
.detail .field__items .field__item {
	float: left; 
	margin-right: 5px;
}
.detail .field__items .field__item:after {
	content:",";
}
.detail .field__items .field__item:last-child:after {
	content:"";
}
.hoehe-festgelegt-40 {
	height: 40px;
}
.margin-top--20 {
	margin-top: -20px;
}
.clear { clear: both; }

.fraeservarianten fieldset {
	font-size: .8em;
}
.fraeservarianten fieldset label {
    padding-top: 0.7em;
}
.fraeservarianten fieldset select {
	width: 85px;
}
.vollbild.relative {

}
.produktvariante.fraeser article,
.vollbild article,
.fraeserslide article {
	position: relative;
	padding-bottom: 60px;
}
.fraeservarianten {
	width: 65%;
	margin-top: 10px;
}
.fraeservarianten.bestseller {
	height: 160px;
}
.hzwei {
	font-size: 1.6rem;
}
.fraeservarianten button.button {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.produktvariante .produktbild,
.vollbild .produktbild {
	margin: 35px 0;
	height: 40px;
	min-height: auto;
}
.produktvariante .produktbild .field__item,
.vollbild .produktbild .field__item {
	text-align: center;
}
.produktbild.klein {
	min-height: initial;
}

.variante > .field__item,
.variantenview .produktvariante {
	border: 1px solid #ccc;
	padding: 25px;
	margin-bottom: 25px;
	background: white;
	position: relative;
}
.field.field--label-inline .field__label {
	float: left;
	margin-right: 20px;
}
.variantentitel h2 {
	font-size: 1em;
	height: 55px;
}
.field--name-quantity input {
	width: 85px;
	display: inline-block;
    margin-left: 10px;
}
.fraeservarianten {
	width: auto;
}
.fraeservarianten .form-type-number,
.fraeservarianten .attribute-widgets > div {
	display: flex;
}
.fraeservarianten .attribute-widgets > div > * {
	width: 58%;
}
.fraeservarianten .attribute-widgets > div > select {
	width: 50%;
}
/* Ausnahme des Attribut-Selectfeldes bei Harvest bzw. select-100 (CSS-Klasse = Node Class) (2025-01-17) - */
.select-100 .fraeservarianten .attribute-widgets > div > * {
	width: auto;
}
.select-100 .fraeservarianten .attribute-widgets > div > select {
	width: 100%;
	margin-left: 27px;
}
.fraeservarianten label {
	margin-top: 5px;
}

/* - Blanks - */
.variationscontainer {
	display: flex;
	align-items: start;
	gap: 10px;
/*	margin-bottom: 2em; */
	font-size: .85em;
}
.field--name-field-clain-preis .variationscontainer {
	justify-content: end;
}
.variationscontainer > div,
.typauswahl .view-filters .form-row {
	border: 1px solid #ccc;
	padding: 1em;
}
.variationscontainer > div {
	width: 50%;
}
.artikelnummer {
	margin: -1em -1em 1em;
	padding: 1em;
	background: #333;
	color: white;
}
.variationscontainer .field--name-quantity input {
	margin-left: 0;
}
.typauswahl {
	max-width: 390px;
}
.typauswahl .view-filters .form-row {
	display: flex;
	width: 100%;
	gap: 1.5em;
	margin-bottom: 1em;
	margin-right: 5px;
	padding-top: .5em;
	padding-bottom: .5em;
}
.typauswahl .view-filters label {
	white-space: nowrap;
	font-size: .85em;
	margin-top: 7px;
	font-weight: bold;
}
.typauswahl.pmma .view-filters label {
	white-space: normal;
}
.typauswahl .add-to-cart-message {
	margin-bottom: 2px !important;
}

.typauswahl .form-row > fieldset {
	padding: 0;
}
.variationscontainer fieldset,
.fraeservarianten fieldset {
	display: flex;
	justify-content: space-between;
}
.variationscontainer fieldset select,
.variationscontainer fieldset input,
.typauswahl .variationscontainer fieldset.form-item-purchased-entity-0-attributes-attribute-farbe select {
	width: 66px;
}
.variationscontainer fieldset.form-item-purchased-entity-0-attributes-attribute-farbe select {
	width: 85px !important;
	padding-left: .5em;
}
.farbselect-breiter .variationscontainer fieldset.form-item-purchased-entity-0-attributes-attribute-farbe select {
	width: 85px;
}

.variationscontainer fieldset label {
	padding-top: .4em;
}
.variationscontainer .form-required::after,
.fraeservarianten .form-required::after {
	display: none;
}
.variationscontainer .field.field--label-inline .field__label {
	float: none;
	margin-right: none;
}
.label-40 fieldset label {
	width: 45px;
	word-break: break-all;
}
/* - Anpassungen 2023-01-13 - Start - */
.typauswahl {
	position: relative;
}
.typauswahl .view-filters {
  width: 50%;
  float: left;
}
.typauswahl .view-filters .form-row {
	border-right: none;
	padding: .5em 0 .5em .5em;
}
.typauswahl .form-row > div {
	padding-right: 0;
}
.typauswahl .variationscontainer {
  display: inherit;
  margin-bottom: 0;
}
.typauswahl .variationscontainer > div {
  width: auto;
}
.typauswahl .form-required::after {
	background-image: none;
	display: none;
}
.typauswahl .variantenpreistitel {
  position: absolute;
  left: 0;
  top: 115px;
  width: 47% !important;
}
.typauswahl article.contextual-region .variantenpreistitel {
	left: -195px;
    width: 185px !important;
}
/* - Änderungen am  4.2.2025 Beginn - */
.farbfilter .form-required::after {
	background-image: none;
	display: none;
}
.farbfilter .view-filters .form-type-select {
	display: flex;
    gap: 1rem;
    align-items: center;
}
.farbfilter .commerce-order-item-variation-cart-form-form {
	padding-top: 35px;
}
.farbfilter {
	position: relative;
}
.farbfilter .view-filters {
	position: absolute;
	bottom: 50px;
}
.farbfilter .js-form-item-color label {
	padding-right: 20px;
}
.farbfilter .field--name-quantity input, 
.farbfilter select {
	width: 123px;
}
.produktbild.aus-variante {
    position: absolute;
	top: 240px;
	z-index: 0;
}
.produktfoto-unsichtbar .produktbild.feldbild {
	visibility: hidden;
}
/* - Änderungen am 4.2.2026 Ende - */

.clearflex .variationscontainer {
  flex-direction: row-reverse;
  max-width: 390px;
}
.modellbutton {
  position: absolute;
  left: 170px;
}
.einzelpreis-oben .modellbutton {
  bottom: 1em;
}
.einzelpreis-unten .view-footer {
	position: relative;
}
.einzelpreis-unten .modellbutton {
	top: -54px;
}
.scanner .variantenauswahl {
  margin-bottom: 160px;
}
.btn-primary.btn-inverse {
	background: white;
	color: #2e2d2c;
}

/* - Anpassungen Ende - */
.produktvariante .field--name-body,
.text2 {
   font-size: 13px;
   padding-top: 5px;
}
.produktvariante .field--name-body h3 {
	font-size: 14px;
}
.produktvariante .field--name-body p {
	margin-bottom: .7rem;
}
.produktvariante .field--name-body ul {
    padding-left: 1.1rem;
	margin-bottom .7rem;
}
.produktvariante .field--name-body ul li {
    line-height: normal;
    margin-bottom: 3px;
}
.produktvariante .field--name-body strong {
    line-height: normal;
	display: block;
}
.produktvariante button,
#shopproduktslide li button {
	width: 100%;
}
.shopseite.alegra .field--name-body {
	min-height: 320px;
}
.shopseite.pmma .field--name-body {
	min-height: 220px;
}
.shopseite h3 {
	font-size: 1.35rem;
}

/**/
/* - Milling Service ab Milling - */

/* - Bild in der Seite milling-service - */
.special-size .field {
    height: 233px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.special-size img {
    max-height: 100%;
    height: auto;
}
.floatbild.rechts {
	float: right;
}
/* - Bild Ende - */

.commerce-order-item-variation-cart-form-form .field--name-unit-price {
	display: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.millingview .view-filters small {
	display: block;
}
.millingview .view-filters .form-actions {
	align-self: center;
} 
.milling-vollansicht {
	max-width: 600px;
}
.fileupload {
	padding: 1.5em;
	background: #fbfafa;
	border: 1px solid #e0e0e0;
	margin: 1em 0 2em;
}
.pontic-implant.millingproduct .field--name-price { /* - bei Pontic-Produkten kein Preis */
	display: none;
}
.editablefields-form {
    clear: both;
}
.editablefields-form > div {
    float: left;
    margin-right: 1rem;
}
.editablefields-form button {
    margin-top: 1.5rem;
}
.flexform.maxwidth-900 form {
	width: auto;
	max-width: 900px;
}
/* - Ajax Modal - */
.path-milling-service .ui-dialog-titlebar-close,
.path-milling-service .ui-dialog-buttonset .use-ajax.button {
	display: none;
}
.path-milling-service .padding-bereich {
	padding-top: 1.5em;
}
.samepage a {
	width: 100%;
}

/* - Produkte im Slider - */
#shopproduktslide {
	padding-bottom: 30px;
	position: relative;
}
.field--name-field-shopprodukt .view-header {
	margin: 1.5em 0 0;
}
#shopproduktslide .flex-viewport {
	margin: 0 .5em;
}
#shopproduktslide.flexslider:hover .flex-direction-nav .flex-prev {
	left: -10px;
}
#shopproduktslide.flexslider:hover .flex-direction-nav .flex-next {
	right: -10px;
}
#shopproduktslide .slides > li {
	margin-right: 50px;
	border: 1px solid #ccc;
    padding: 25px 0;
	position: relative;
	background: white;
}
#shopproduktslide .slides > li > div {
	padding-left: 25px;
	padding-right: 25px;
}
.beschreibung {
	min-height: 95px;
	position: relative;
	padding-top: 5px;
	line-height: 1.3;
}
.spv-popup-content {
	width: 100%;
}
/* - das Zubehörbild darunter - */
.bg-zubehoer {
	margin: 0 -30px;
}
.bg-zubehoer img {
	width: 100%;
}
/* - Search API - View - */
.view-produktsuche .flex {
	 display: flex;
	  gap: 25px;
	  margin: 40px 0;
}
.flexcontainer .view-content.row {
  gap: 50px;
}
.flexcontainer .view-content.row > div {
  width: 350px;
  border: 1px solid #ccc;
  padding: 25px;
}
.anhang .view-header {
  margin: 2em 0;
}
/* - Rabattlink/Infos - */
.rabattdiv {
	position: relative;

}
.rabattlink {
	background: rgba(216,37,37,.2);
	width: 350px;
	padding: 1em;
	text-align: center;
	font-size: 11px;
/*	border: 1px dashed #D82525; */
	box-shadow: 2px 5px 3px #ccc;
	margin-bottom: 1.5em;
}

/* - Webform - */
.klammer-claim {
	width: 103%;
}
.webform-submission-form fieldset label,
.kataloganfrage legend,
.datenschutz label {
	font-weight: bold;
	font-size: 16px;
}
input.form-check-input.form-checkbox[type="checkbox"] {
	width: 1em;
}
.form-check-label {
	width: auto !important;
}
.datenschutz {
  margin: 3em 0;
}
.kataloganfrage label {
	font-weight: normal !important;
}
fieldset legend {
	margin: 0;
}
fieldset fieldset:last-child {
	margin-bottom: 0 !important;
}
.newsletter select#edit-anrede {
	width: auto;
}


/**
/* - Warenkorb - */
/**/
.cart--cart-block a {
	text-decoration: none;
}
.cart-block--summary__icon {
	display: none;
}
.order-total-line-label {
	margin-right: .5em;
}
.cart-empty-page {
	min-height: 400px;
	padding: 1em;
}
.field--name-field-produktbild-per-view,
td .field--name-field-variantenbild {
	float: left;
	margin-right: 1em;
	width: 150px;
	display: flex;
	justify-content: center;
	background: white;
}
.padding-bereich {
	padding: 4em .5em 0;
}
td.entfernen > div:empty:before {
  content: "gratis dazu";
  color: #D82525;
  font-size: 1.1em;
}
/* .zusatzartikel div div:empty:before, */
.leer:empty:before {
  content: "wie oben";
  color: #333;
  font-size: 1.1em;
}
.path-cart .leer:empty:before {
  display: none;
}
thead tr > th,
thead tr > th a {
	color: #333 !important;	
}
.gekauft .form-type-select label {
	font-size: 1.2em;
	margin-top: .2em;
	margin-bottom: .3em
}
.gekauft .form-type-select label.form-required {
	padding-top: .5em;
}
.gewaehlt {
	margin-top: -.5rem !important;
	clear: both;
}
.auswahl .field--name-field-gratis-artikel {
	clear: both;
	padding-top: .5em;
}
.cart-form table caption,
.cart-form div.view-grouping-header,
.view-commerce-checkout-order-summary div.view-grouping-header,
.view-commerce-checkout-order-summary .view-display-id-block_5 table caption {
	caption-side: top;
	color: #D82525;
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
}
.cart-form .view-grouping-content table caption,
.view-commerce-checkout-order-summary .view-display-id-block_4 table caption {
	display: none;
}
.hinweis {
	color: #D82525;
}
.warenkorb .views-field-edit-quantity > .form-type-item:after {
	content: "x";
}
.warenkorb .view-grouping .views-field-unit-price__number,
.warenkorb .view-grouping .views-field-remove-button {
	display: none;
}
.warenkorb .view-grouping:first-child .views-field-unit-price__number,
.warenkorb .view-grouping:first-child .views-field-remove-button {
	display: table-cell;
}
.gekauft select {
	min-width: 200px;
}
/* - Hilfetext - */
.gekauft .description {
  position: relative;
  padding-right: 1.5em;
  width: 100%;
  display: block;
  margin-top: -1em;
}
.tooltip-div {
  position: absolute;
  right: 0;
  top: 0;
}
.viewstext p {
	margin-bottom: .5em;
}

.tooltip-div .tooltiptext {
  visibility: hidden;
  min-width: 130px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 1em;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: 10px;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}
/* Tooltip arrow */
.tooltip-div .tooltiptext::after,
.tooltiptext-rabatt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.tooltip-div:hover .tooltiptext,
.tooltip-div-rabatt:hover .tooltiptext-rabatt {
  visibility: visible;
  opacity: 1;
}
.fa-exclamation-circle::before {
	font-size: 1.2em;
}
.warenkorb form {
	position: relative;
	padding-bottom: 30px;
}
.warenkorb .discountlink {
    position: absolute;
	bottom: 0;
}
.checkout-css .discounthinweis .view-empty {
	text-align: right;
	padding-top: 20px;
}
.tipps {
	display: flex;
	gap: 40px;
	margin-top: 2rem;
	justify-content: space-between;
	max-width: 700px;
}
.tipp {
	padding-top: 1rem;
	max-width: 280px;
	width: 45%;
}
.tipp a {
	margin-top: 20px;
	width: 100%;
}
.bg-green {
	padding: .5em 1em;
	background: #BDF180;
}
.button-wrap {
	margin: auto 0 0;
}

/**
/* - Checkout - */
/**/
.checkout-complete__payment-instructions {
	margin-top: 2em;
}
.view-commerce-checkout-order-summary h5 {
	font-size: 16px;
}
.view-commerce-checkout-order-summary .wahl {
	display: none;
}
.view-_0-gratis-artikel > .row {
	display: block;
}
table td.views-field-quantity,
table th.views-field-quantity,
table td.views-field-edit-quantity,
table th.views-field-edit-quantity,
table td.views-field-field-patient-name-1,
table th.views-field-field-patient-name-1 {
	width: 90px;
}
table td.views-field-total-price__number,
table th.views-field-total-price__number {
	width: 100px;
	text-align: right;
}
table td.views-field-purchased-entity,
table th.views-field-purchased-entity {
	width: auto;
}
.widerruftext {
	margin-top: .6em;
}
/* - der Scrollbutton im Checkout zum eigentlichen Button - */
.path-checkout main#content {
    position: relative;
}
.weiterbutton {
    position: absolute;
    right: 1vw;
}
.weiterbutton a {
	min-width: 96px;
}
.weiterbutton a.btn:link,
.weiterbutton a.btn:visited {
	color: white;
}
.stripe-form #security-code-element {
    width: 4.5em;
}
.field--name-shipping-method .field__label {
	font-size: 1.5rem;
}
.field--name-field-datenschutzerklaerung {
  padding-top: 2em;
  border-top: 1px solid #ccc;
  margin-top: 2em;
}
.phone-number-field > label {
	display: block;
}
.phone-number-field > .form-type-select {
	float: left;
	padding-right: 1em;
}
.phone-number-field .description {
	font-size: .875em;
	position: relative;
	top: -10px;
}
.phone-number-field .invalid-feedback {
	clear: both;
	position: relative;
	top: -10px;
}
#edit-review-payment-information .field--name-field-phone-number {
	display: none;
}
#edit-review p.address {
	margin-bottom: 0;
}
#edit-review-shipping-information .field--name-field-phone-number {
	margin-bottom: 1rem;
}
/* - Customeraccount - Addresses - */
body.path-user .field--label-inline .field__label {
	width: auto;
}
body.path-user .field--label-inline .field__item {
	padding: inherit;
	border-radius: unset;
	background: none;
}

/**/
/* - Bestellmail - */
/* - alles zur Bestellmail steht im CSS-File mail.css - */
/**/


/**
/* - Footer
/**/
footer a:link,
footer a:visited {
	text-decoration: none;
}
.site-footer {
	padding: 35px 0 0;
}
.site-footer > div.container {
	margin: 10px auto 0;
	padding-bottom: 30px;
}
.site-footer__top .region-footer-first {
	display: block;
	width: auto;
}
.site-footer .block {
	border: none;
}
.site-footer .region-footer-first > * {
	margin: 0 0 2rem 1rem;
	padding: 10px 0;
}
.region-footer-fourth {
	margin: 0;
	padding: 0;
}
.site-footer .content a, .site-footer .content a.is-active {
  color: #fcfcfc;
  color: rgba(255, 255, 255, 0.8);
}
.advanced-laboratory {
	line-height: 1;
	text-transform: uppercase;
	padding-left: 0px !important;
	margin-bottom: 90px !important;
}
.advancedlab {
	font-size: 38px;
}
.primotec {
	font-size: 4.1em;
	margin-bottom: 48px !important;
	line-height: 1 !important;
	position: relative;
	top: -7px;
}
.facebook-img img {
	width: 25px;
	margin-right: .5em;
}
.site-footer__top h2 {
	text-transform: unset;
	border-bottom: unset;
	padding-top: .35em;
	margin-bottom: 1.6em;
}
.site-footer__top p {
	margin: 0;
	line-height: 1.7;
}
.footermenu h2 {
	font-weight: bold;
}
.footermenu .nav {
	display: block;
}
.footermenu a {
	padding: 0 0 .15em;
	font-size: .857em;
	font-weight: bold;
}
.footermenu a:link,
.footermenu a:visited,
.footermenu h2,
.site-footer .content {
	color: white;
}
.footermenu a:hover,
.footermenu a:focus,
.footermenu a.is-active {
	color: #666;
}
.site-footer .advanced-laboratory .content,
.newsletteranmeldung h2 {
	color: rgba(255,255,255,.35);
}
.newsletteranmeldung h2 {
	font-size: 40px;
	margin-bottom: .4em;
}
.button--newsletter {
	margin-top: 1.7em;
	font-weight: bold;
}


.site-footer__bottom,
.site-footer__bottom .region {
	margin: 0;
}
.site-footer__bottom {
	background: #303030;
	border-top: none;
	position: relative;
}
.copyright {
	margin-left: 1rem;
	font-size: .85em;
}
.copyright p {
	text-align: center;
	margin: 0;
}
.backtotop {
	position: absolute;
	right: 10%;
	bottom: 30px;
	z-index: 10;
	width: auto;
}


/**
/*
/* Small (sm) 34 ab 576px
/*
/* Medium (md) 48 ab 768px
/*
/* Large (lg) 62 ab 992px
/*
/* Extra (xl) 75 ab 1200px
/*
/* riesig (xxl) ab 1400px
/**/


@media screen and (min-width: 400px) {
	.field--name-field-clain-preis .einzelpreis-unten {
		padding: 2em 1em 2em 110px;
	}
	#shopproduktslide .flex-viewport {
	  margin: 0;
	}
}

/*
/* - Small: - */
/**/
@media all and (min-width: 576px) {
	.ab-500 {
		display: inline-block;
	}
	.logoschriftzug {
		font-size: 3.3em
	}
	.padding-30px {
		padding-left: 30px;
		padding-right: 30px;
	}
	.tabs-responsive,
	.field--name-field-clain-preis .einzelpreis-unten, 
	.field--name-field-clain-preis .view-produkt-auf-der-info-seite	{
		margin: 0 -30px;
	}
	#block-sprachwahl {
		left: 70px;
	}
	.claim {
	  font-size: 2.9rem;
	  width: 380px;
	}
	.field--name-field-clain-preis .claim {
	  padding-left: 0;
	}
	.width-319 {
	  width: 319px;
	}
	.beschreibung {
		height: 85px;
	}
	.besondere-font {
	  font-size: 2.2em;
	}
	.variante, .variantenview > .view-content {
		gap: 2%;
		margin-right: -2%;
	}
	.variante > .field__item,
	.variantenview .produktvariante {
		width: 48%;
	}
	.downloads-claim-preis .flexform form {
		width: 319px;
	}
	.downloads-claim-preis .field--name-quantity label {
		display: inline-block;
	}
	.downloads-claim-preis .field--name-quantity input {
		margin-left: 10px;
	}
	/* - Webform - */
	.klammer-claim {
		width: 93%;
	}
	.webform-submission-form fieldset label {
	  width: 30%;
	}
	.webform-submission-form fieldset input,
	.webform-submission-form fieldset select {
	  width: 60%;
	  display: inline-block;
	}
	.webform-submission-form fieldset.radios--wrapper input {
		width: 1em;
	}
	.webform-submission-form fieldset textarea {
		width: 91%;
	}
	.gekauft select {
		width: 300px;
	}
	.warenkorb form {
		padding-bottom: 0;
	}
	.warenkorb .discountlink {
		margin-left: 210px;
	}
}

/*
/* - Medium: - */
/**/
@media all and (min-width: 768px) {
	/* externe Hersteller - */
	.hundertprozent {
		display: flex !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.halb-text {
		width: 45%;
		padding-right: 3em;
	}
	.titel-claim { width: auto; top: 7vw; }
	.untertitel { font-size: .55em; }
	.logoschriftzug {
		font-size: 3.6em
	}
	.sprachwahl.kuerzel {
		background: #2e2d2c;
		min-height: 40px;
		color: white;
		border-left: 1px solid rgba(255,255,255,.2);
	}
	.dropbutton-arrow {
		color: white;
	}
	.sprachwahl.kuerzel a:link,
	.sprachwahl.kuerzel a:visited {
		color: rgba(255,255,255,.5);
	}
	.sprachwahl.kuerzel a:hover,
	.sprachwahl.kuerzel a:focus {
		color: white;
	}
	#main.container > div,
	.site-footer .container > div {
		padding-left: unset;
		padding-right: unset;
	}
	.flexslider-links {
		margin: unset;
	}
	.kategorientabs li.digitalclassic a {
		font-size: 2em;
		padding: 1.5rem 0;
	}
	.ui-dialog .ui-dialog-titlebar-close {
		right: 38px;
		top: 30px;
	}
	.margin-right-2em.mr-4em {
		margin-right: 4em;
	}
	.advanced-laboratory {
	  margin-left: auto !important;
	  margin-right: auto !important;
	  width: auto;
	}
	.site-footer__top .region-footer-first {
		display: flex;
		width: 100%;
		float: none;
		justify-content: center;
		column-gap: 3em;
	}
	.site-footer .region-footer-first > * {
		width: auto;
	}
	.border-right-tablet {
		border-right: 1px solid #444 !important;
		padding-right: 3em !important;
	}
	.newsletteranmeldung {
		width: 66% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 3em !important;
	}
	.symbole .list-group {
		flex-direction: row;
		justify-content: center;
	}
	.symbole .list-group > li {
		background: transparent;
		border: none;
		max-width: 250px;
		text-align: center;
		white-space: inherit;
		margin: 2em 0 0 !important;
		padding: 0 2em;
		border-right: 1px solid #ccc !important;
	}
	.symbole .list-group > li:last-child {
		border-right: none !important;
	}
	.symbole a.ui-tabs-anchor,
	.symbole a.quicktabs-loaded {
		margin: 0 auto;
		padding: 0 !important;
	}
	.flexbilder .field__item {
		width: 33%;
	}
	/* - Warenkorb - */
	.gekauft .description {
		width: 300px;
	}
	/* - Checkout - Login - */
	#edit-login {
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
	#edit-login > fieldset {
		float: none;
		width: 50%;
		margin-top: 2em;
		padding: 30px;
	}
	fieldset#edit-login-register {
		border-left: 1px solid #d82525;
	}
	.password-strength__title, .password-strength__text {
		display: flex;
		padding-right: .5em;
	}
	#commerce-checkout-flow-multistep-default fieldset fieldset .fieldset-legend {
	  font-size: .75em;
	  font-weight: bold;
	}
	/* - Webform - */
	.node--type-webform article {
		max-width: 696px;
	}
	.klammer-claim {
		width: 92%;
	}
}

/*
/* - Large: - */
/**/
@media all and (min-width: 992px) {
	.ab-large, .quicktabs > .field__item:nth-child(2) { display: inherit; }
	.bis-large, .quicktabs > .field__item:nth-child(1) { display: none; }
	body {
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 80%, #c0c0c0 100%) !important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 80%,#c0c0c0 100%) !important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ffffff 0%,#ffffff 80%,#c0c0c0 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=1 ) !important; /* IE6-9 */
	}
	#block-primogroup-page-title {
		margin-right: -30px;
		padding-right: 30px;
	}
	.padding-o-0-lg {
		padding-top: 0;
	}
	.farbe {
		left: -50%;
	}
	.flex-grusstext > div {
		width: 50%;
		padding: 1em 0 2em;
	}
	.flex-grusstext .flexslider {
		padding: 0 4em;
	}
	.flex-grusstext .flexslider:hover .flex-direction-nav .flex-next {
		right: 3em;
	}
	.flex-grusstext .flexslider:hover .flex-direction-nav .flex-prev {
		left: 3em;
	}
	.produktfoto-carousel .flexslider {
		margin: 0 -2em;
		padding: 0 2em;
	}
	.logoschriftzug {
		font-size: 3.9em
	}
	.border-right {
		border-right: 1px solid #444 !important;
		padding-right: 3em !important;
	}
	.inno-logo {
		top: -66px;
		right: 0;
		z-index: 5;
	}
	.kategorientabs li.digitalclassic a {
		padding: 1.6rem 0;
		font-size: 2.3em;
	}
	#quicktabs-tab-start_digital_classic-0:after,
	#quicktabs-tab-start_digital_classic-1::before	{
		width: 40px;
	}
	.texte {
		position: absolute;
		z-index: 2;
		width: 40%;
	}
	.produktheader {
		margin-top: -10px;
		padding-top: 1em;
		margin-right: -30px;
		padding-right: 30px;
		position: relative;
		z-index: 100;
	}
	.blank .produktheader {
		min-height: 680px;
	}
	.blank.clearflex .produktheader {
		min-height: 590px;
	}
	.produktbild {
		z-index: 1;
		position: relative;
		text-align: right;
		min-height: 500px;
	}
	.content .produktbild img {
		max-width: 75%;
	}
	.content .phaser .produktbild img {
		max-width: 60%;
	}
	.padding-bannertitel {
		padding: .4rem 1rem;
		height: 55px;
	}
	.bannertitel h3 {
		font-size: 1.1rem;
	}
	.startkacheln .bannertitel h3 {
		font-size: 1.21vw;
	}
	.startkacheln .padding-bannertitel {
		padding: .4rem .5rem .4rem 1rem;
		height: 50px;
	}
	
	/* - Claim+Preis rechts neben die Downloads - */
	.downloads-claim-preis {
		display: flex;
		gap: 70px;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.downloads-claim-preis > div {
		width: 50%;
	}
	.field--name-field-clain-preis {
		padding-top: 0;
	}
	.field--name-field-clain-preis .claim {
		margin-bottom: 1em;
	}
	#block-quicktabsdownloadsfaqlarge {
		width: 428px;
		margin: 0 0 0 auto;
	}
	.tabs-responsive {
		background: transparent;
		padding: 3em 0 0;
	}
	.tabs-responsive .item-list {
		width: 100%;
		text-align: center;
	}
	.tabs-responsive .quicktabs-tabs,
	.mit-plus .list-group {
		display: flex;
		flex-direction: row;
		gap: 1.5em;
		max-width: 960px;
		margin: 0 auto 2em;
		padding: 0;
		padding-left: var(--bs-gutter-x,.75rem);
		width: 100%;
	}
	.special-tabs {
	  display: flex;
	  gap: 1.5em;
	  margin-bottom: 2em;
	}
	.mit-plus .list-group {
		margin-left: 0;
	}
	.largetab {
		font-family: 'Swiss921 BT';
		border: none !important;

	}
	.largetab.active {
		background: transparent !important;
	}
	.largetab a,
	.mit-plus .item-list .list-group a {
		font-size: 1.5em;
		text-decoration: none;
		display: block;
		padding: .2em 0 !important;
	}
	.largetab a:link, .largetab a:visited,
	.mit-plus .item-list .list-group a:link, .mit-plus .item-list .list-group a:visited {
		color: #999;
		border-bottom: 4px solid #999;
	}
	
	.largetab a:hover, .largetab a:focus, .largetab.active a,
	.mit-plus .item-list .list-group a:hover, .mit-plus .item-list .list-group a:focus,
	.mit-plus .item-list .list-group .ui-tabs-active a {
		color: #333;
		border-bottom: 4px solid #fcc517;
	}
	.primosplint .largetab a:hover, .primosplint .largetab a:focus, .primosplint .largetab.active a,
	.primosplint .mit-plus .item-list .list-group a:hover, .primosplint .mit-plus .item-list .list-group a:focus,
	.primosplint .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #8676b0;
	}
	.primopattern .largetab a:hover, .primopattern .largetab a:focus, .primopattern .largetab.active a,
	.primopattern .mit-plus .item-list .list-group a:hover, .primopattern .mit-plus .item-list .list-group a:focus,
	.primopattern .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #d32f2e;
	}
	.primobase .largetab a:hover, .primobase .largetab a:focus, .primobase .largetab.active a,
	.primobase .mit-plus .item-list .list-group a:hover, .primobase .mit-plus .item-list .list-group a:focus,
	.primobase .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #84746d;
	}
	.metalight .largetab a:hover, .metalight .largetab a:focus, .metalight .largetab.active a,
	.metalight .mit-plus .item-list .list-group a:hover, .metalight .mit-plus .item-list .list-group a:focus,
	.metalight .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #f29400;
	}
	.twister .largetab a:hover, .twister .largetab a:focus, .twister .largetab.active a,
	.twister .mit-plus .item-list .list-group a:hover, .twister .mit-plus .item-list .list-group a:focus,
	.twister .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #97bf0d;
	}
	.primobyte .largetab a:hover, .primobyte .largetab a:focus, .primobyte .largetab.active a,
	.primobyte .mit-plus .item-list .list-group a:hover, .primobyte .mit-plus .item-list .list-group a:focus,
	.primobyte .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #f6b208;
	}
	.metablue .largetab a:hover, .metablue .largetab a:focus, .metablue .largetab.active a,
	.metablue .mit-plus .item-list .list-group a:hover, .metablue .mit-plus .item-list .list-group a:focus,
	.metablue .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #008ac7;
	}
	.primoflex .largetab a:hover, .primoflex .largetab a:focus, .primoflex .largetab.active a,
	.primoflex .mit-plus .item-list .list-group a:hover, .primoflex .mit-plus .item-list .list-group a:focus,
	.primoflex .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #60547F;
	}
	.clearflex .largetab a:hover, .clearflex .largetab a:focus, .clearflex .largetab.active a,
	.clearflex .mit-plus .item-list .list-group a:hover, .clearflex .mit-plus .item-list .list-group a:focus,
	.clearflex .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #1d6f71;
	}		
	.Alegra .largetab a:hover, .Alegra .largetab a:focus, .Alegra .largetab.active a,
	.Alegra .mit-plus .item-list .list-group a:hover, .Alegra .mit-plus .item-list .list-group a:focus,
	.Alegra .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #F7A100;
	}
	.milling-burs .largetab a:hover, .milling-burs .largetab a:focus, .milling-burs .largetab.active a,
	.milling-burs .mit-plus .item-list .list-group a:hover, .milling-burs .mit-plus .item-list .list-group a:focus,
	.milling-burs .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #008ac7;
	}	
	.scanner .largetab a:hover, .scanner .largetab a:focus, .scanner .largetab.active a,
	.scanner .mit-plus .item-list .list-group a:hover, .scanner .mit-plus .item-list .list-group a:focus,
	.scanner .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #a066bb;
	}
	.pinkflex .largetab a:hover, .pinkflex .largetab a:focus, .pinkflex .largetab.active a,
	.pinkflex .mit-plus .item-list .list-group a:hover, .pinkflex .mit-plus .item-list .list-group a:focus,
	.pinkflex .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #E1676E;
	}
	.primostone .largetab a:hover, .primostone .largetab a:focus, .primostone .largetab.active a,
	.primostone .mit-plus .item-list .list-group a:hover, .primostone .mit-plus .item-list .list-group a:focus,
	.primostone .mit-plus .item-list .list-group .ui-tabs-active a {
		border-bottom: 4px solid #002060;
	}	

	.largetab.active a,
	.mit-plus .item-list .list-group a,
	.mit-plus .item-list .list-group .ui-tabs-active a	{
		color: #333;
	}
	
	/* - Fräser - */
	#quicktabs-bestseller_fraeser_large .item-list {
		display: none;
	}
	.special-tabs.quicktabs-tabs {
	  padding-left: 0;
	}
	.special-tabs > span {
		padding-right: .5em;
	}
	/* - Quicktabs Download - */
	.mit-plus .ui-tabs .ui-tabs-panel {
		background: transparent;
		margin: 0;
	}
	.mit-plus .list-group {
		padding-left: 0;
	}
	.mit-plus .item-list .list-group a:after {
		display: none;
	}
	
	/* - ab hier 100% Höhe bei der unteren Produktfarbe/Button - */
	.downloads-claim-preis .tabs-responsive {
		padding: 0 0 5em;
	}
	.downloads-claim-preis {
		align-items: stretch;
		padding-top: 4em;
	}
	.field--name-field-clain-preis > .field__items {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		height: 100%;
	}
	.field--name-field-clain-preis > .field__items > .field__item:nth-child(2) {
		height: 100%;
	}
	.field--name-field-clain-preis > .field__items > .field__item:nth-child(2) > .views-element-container {
		height: 100%;
	}
	.field--name-field-clain-preis .weiss-bg {
		display: none;
		width: 177px;
		left: -100px;
		height: 100%;
	}
	/* - Ende 100% Höhe Produkthintergrundfrabe unten - */
	
	/* - Shopprodukt-Slider - */
	.field--name-field-shopprodukt .view-header {
		margin: 2.5em 0 0;
		position: relative;
	}
	#shopproduktslide .flex-viewport {
/*		margin: 0 3em; */
	}
	.rechtsaussen {
		position: absolute;
		right: 0;
		top: 0;
	}

	/* - Beginn Änderungen am 4.2.2025 Variantenbild bei Infoseite - */
	.produktbild.aus-variante {
		top: -125px;
		width: 700px;
		margin-left: 140px;
		z-index: -1;
	}
	/* - Ende Beginn Variantenbild bei Infosete am 4.2.2026 - */

	/* - Produktvarianten Vollansicht - */
	.variante > .field__item,
	.variantenview .produktvariante {
		width: 31%;
	}
	.modellbutton {

	}
	.ref-text {
		width: 45%;
		padding-right: 3em;
	}
	.hundertprozent {
		display: flex;
	}
	.ref-line .hundertprozent img {
		position: relative;
		padding-left: 10%;
		bottom: -3em;
	}
	/* - Suchseite - */
	.view-produktsuche .flex {
		gap: 50px;
	}
	.max-350 {
		width: 350px;
	}
	/**/
	/* - Footer -*/
	/**/
	.site-footer__top .region-footer-first {
		justify-content: space-between;
		column-gap: normal;
		margin: 0;
	}
	.site-footer__top .region-footer-first > * {
		width: 33% !important;
		margin: 0 !important;
		padding: 0 !important;
		padding-left: 30px !important;
		margin-bottom: 30px !important;
	}
	.advanced-laboratory {
	  margin-left: 30px !important;
	  margin-right: unset;
	}
	.backtotop2 {
	  right: 217px;
	  bottom: 185px;
	}
	.newsletteranmeldung {
		position: relative;
	}
	.newsletteranmeldung h2 {
		position: absolute;
		top: -102px;
		font-size: 2em;
	}
	.button--newsletter {
		position: absolute;
		bottom: 0;
	}
}

/*
/* - Extra: - */
/**/
@media all and (min-width: 1200px) {
	.logoschriftzug {
		font-size: 4.3em
	}
	.navbar-brand {
		font-size: 24px;
	}
	.tabs-responsive .quicktabs-tabs,
	.tabs-responsive .list-group	{
		max-width: 1140px;
	}
	#block-quicktabsdownloadsfaqlarge {
		width: 518px;
	}
	/* Quicktab Ausnahme metalight */
	.container.metalight > .view-content {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.container.metalight > .view-content > div {
		width: 45%;
	}
	/* metalight Ende */
	
	.flexbilder .field__item {
		width: 25%;
	}
	.newsletteranmeldung h2 {
		top: -135px;
		font-size: 2.5em;
	}
	/* - Produktvarianten Vollansicht - */
	.variante > .field__item,
	.variantenview .produktvariante {
		width: 23%;
	}
	.rabattlink {
		left: 800px;
		position: absolute;
		top: -77px;
	}
	.startkacheln .bannertitel h3 {
		font-size: .94rem;
	}
	.backtotop2 {
	  right: 277px;
	}
	/* - Beginn Änderungen am 4.2.2025 Variantenbild bei Infoseite - */
	.produktbild.aus-variante {
		width: 730px;
		margin-left: 200px;
	}
	/* - Ende Beginn Variantenbild bei Infosete am 4.2.2026 - */
}

/*
/* - riesig - */
/**/

@media all and (min-width: 1400px) {
	.tabs-responsive .quicktabs-tabs,
	.tabs-responsive .list-group {
		max-width: 1320px;
	}
	.textangaben {
	  height: 130px;
	}
	#page .newsletteranmeldung {
	  padding-right: 50px !important;
	}
	/* - Claim+Preis rechts neben die Downloads - */
	.field--name-field-clain-preis,
	.downloads-claim-preis .mit-plus {
		width: 50%;
	}
	#block-quicktabsdownloadsfaqlarge {
		width: 626px;
	}
	.backtotop2 {
	  right: 337px;
	}
	/* - Beginn Änderungen am 4.2.2025 Variantenbild bei Infoseite - */
	.produktbild.aus-variante {
		width: 850px;
		margin-left: 230px;
	}
	/* - Ende Beginn Variantenbild bei Infosete am 4.2.2026 - */
}

/*
/* - Slideshow-Startseite - Mitte breiter ab 1600px - */
/**/
@media all and (min-width: 1600px) {
	.begruessungsblock {
		margin-left: -120px;
		margin-right: -120px;
	}
	.begruessungsblock .flexslider .slides > li {
		padding-left: 50px;
		padding-right: 50px;
	}
}

/**
/* - die Animaton im Header für die zusätzliche Leiste oben - */
/**/

@keyframes leisteauf {
	from {margin-top:0;}
	to {margin-top: 40px;}	
}
@keyframes leistegrau-navbar {
	from {height: 0);}
	to {height: 40px;}	
}
@keyframes logo-groesser {
	from {font-size: 2vw; left: 50%;}
	to {font-size: 4vw; left: 30%;}	
}

@media all and (max-width: 768px) {
	.region-background-image {
		margin-top: 40px;
		animation-name: leisteauf;
		animation-duration: 1s;
	}
	#navbar-top {
		animation-name: leistegrau-navbar;
		animation-duration: 1s;	
		height: 40px;		
	}
	.path-frontpage #navbar-top {
		height: 40px !important;
	}
	.navbar-brand {
		animation-name: logo-groesser;
		animation-duration: 1s;
		font-size: 4vw; 
		left: 30%;
	}
}

/**/
/* - Admin - */
/**/
.toolbar-horizontal #block-hauptmenu-2 {
	top: 39px;
}
.toolbar-horizontal.toolbar-tray-open #block-hauptmenu-2 {
	top: 80px;
}
nav.tabs {
    margin-right: -30px;
    background: white;
    margin-bottom: 0 !important;
    padding-bottom: 1rem;
	padding-top: 1rem;
}
/* - Ref-Line-View - */
.ref-line .contextual-region.taxonomy-term > .contextual {
	right: 50px;
}
.filterflex .view-filters .form-row {
	display: flex;
	gap: 30px;
	margin: 1.5rem 0 -1.5rem;
}