/* Variables */

/* Font */

@import url("https://use.typekit.net/yjg4vcy.css");

@font-face {
    font-family: 'documenta-sans-regular';
    src: url('../fonts/documenta-sans-regular.eot');
    src: url('../fonts/documenta-sans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/documenta-sans-regular.woff') format('woff'),
         url('../fonts/documenta-sans-regular.ttf') format('truetype'),
         url('../fonts/documenta-sans-regular.svg#documenta-sans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'documenta-italic';
    src: url('../fonts/documenta-italic.eot');
    src: url('../fonts/documenta-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/documenta-italic.woff') format('woff'),
         url('../fonts/documenta-italic.ttf') format('truetype'),
         url('../fonts/documenta-italic.svg#documenta-italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'documenta-serif-italic';
    src: url('../fonts/documenta-serif-italic.eot');
    src: url('../fonts/documenta-serif-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/documenta-serif-italic.woff') format('woff'),
         url('../fonts/documenta-serif-italic.ttf') format('truetype'),
         url('../fonts/documenta-serif-italic.svg#documenta-serif-italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'documenta';
    src: url('../fonts/documenta.eot');
    src: url('../fonts/documenta.eot?#iefix') format('embedded-opentype'),
         url('../fonts/documenta.woff') format('woff'),
         url('../fonts/documenta.ttf') format('truetype'),
         url('../fonts/documenta.svg#documenta') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Table und h Fonts */

@font-face {
    font-family: 'documenta-sans-regular-table';
    src: url('../fonts/documenta-sans-regular-table.eot');
    src: url('../fonts/documenta-sans-regular-table.eot?#iefix') format('embedded-opentype'),
         url('../fonts/documenta-sans-regular-table.woff') format('woff'),
         url('../fonts/documenta-sans-regular-table.ttf') format('truetype'),
         url('../fonts/documenta-sans-regular-table.svg#documenta-sans-regular-table') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'documenta-italic-table';
    src: url('../fonts/documenta-italic-table.eot');
    src: url('../fonts/documenta-italic-table.eot?#iefix') format('embedded-opentype'),
         url('../fonts/documenta-italic-table.woff') format('woff'),
         url('../fonts/documenta-italic-table.ttf') format('truetype'),
         url('../fonts/documenta-italic-table.svg#documenta-italic-table') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Symbole */

@font-face {
    font-family: 'amatiksymbols';
    src: url('../fonts/amatiksymbols.eot');
    src: url('../fonts/amatiksymbols.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amatiksymbols.woff') format('woff'),
         url('../fonts/amatiksymbols.ttf') format('truetype'),
         url('../fonts/amatiksymbols.svg#amatiksymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Unterrichtfont */

@font-face {
  font-family: "Urby-Regular";
  src: url('../fonts/Urby-Regular.eot');
  src: url('../fonts/Urby-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Urby-Regular.woff2') format('woff2'),
    url('../fonts/Urby-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Socialfont */

@font-face {
    font-family: 'social';
    src: url('../fonts/social.woff') format('woff'),
		url('../fonts/social.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Basic Styles */

:root {
	font-size: 20px;	
	--1stclr: #12577D;
	--2ndclr: #fff;
	--3rdclr: #f2f2f2;
	--4thclr: #e62527;
	--bs-gutter-x: 3rem;
	--padder: 3rem;
	--negpad: -3rem;
	--maxchp: 62ch;
	--maxchh: 810px;
	accent-color: var(--1stclr);
}

.form-control:focus {
	background-color: transparent;
	box-shadow: none;
}

@media (max-width: 1280px){
:root {
	--bs-gutter-x: 2rem;
	--padder: 2rem;
	--negpad: -2rem;
}
}

@media (max-width: 810px){
:root {
	--bs-gutter-x: 1.5rem;
	--padder: 1.5rem;
	--negpad: -1.5rem;
}
}

@media (max-width: 480px){
:root {
	--bs-gutter-x: 1rem;
	--padder: 1rem;
	--negpad: -1rem;
}
}

body {
	background-color: var(--2ndclr);
	color: var(--1stclr);
	font-family: 'documenta-sans-regular';
	min-height: 100vh;
	min-height: -webkit-fill-available;	
	line-height: 1.5;
}

body {

}

html {
  height: -webkit-fill-available;
}

main {
	margin-top: 6rem;
	background-color: var(--3rdclr);
}

.bgwhite main {
	background-color: var(--2ndclr);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'documenta-sans-regular';
	font-weight: normal;
	max-width: var(--maxchh);
}
  
h1, .bigsquareinner h2, .intro.big h2 {
	font-size: 2.5rem;
	line-height: 1.1;
	font-weight: normal;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 0.7rem;
}
 
h3 {
	font-family: 'documenta-sans-regular';
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-bottom: 0.3rem;
}
  
h4 {
	font-size: 0.65rem;
	width: 100%;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: .5em;
	font-family: documenta-sans-regular-table;
}

p {
	font-size: 1rem;
	max-width: var(--maxchp);
	padding-bottom: 1em;
	margin-bottom: 0;
}

hr {
	opacity: 1;
}

ol, ul {
	font-size: 1rem;
}

iframe {
	max-width: 100%;
}

.hidden {
	display: none;
}

@media (max-width: 1400px){
h1, .bigsquareinner h2, .intro.big h2 {
	font-size: 2em;
}
	
}

@media (max-width: 480px){
h1, .bigsquareinner h2, .intro.big h2 {
	font-size: 1.6rem;
	margin-bottom: 0.4rem;
}
h2 {
	font-size: 1.3rem;
}

p {
	font-size: .9rem;
}
	
}

strong, b {
	font-family: 'documenta-sans-regular';
	font-weight: normal;
  }
  
em {
	font-family: 'documenta-italic';
	font-weight: normal;
	font-style: normal;
}  
  
img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--1stclr);
	text-decoration: underline;
  }
  
a:hover {
	color: var(--1stclr);
	text-decoration: none;
  }
  

.center {
	text-align: center;
}  

button, .btn {
	background-color: transparent;
	color: var(--1stclr);
	border-radius: 0;
	border-color: var(--1stclr);
	font-size: 0.55rem;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.475rem 1.85rem;
	letter-spacing: 0.15em;
	border: 1px solid;
	cursor: pointer;
	margin-top: 1rem;
	margin-right: .5rem;
	font-family: documenta-sans-regular-table;
}

.btn.btn-success.button.btn-buy {
	background: var(--4thclr);
	color: var(--2ndclr);
	border-color: var(--4thclr);
}

button:hover, .btn:hover, .btn.active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .continue_link:hover {
	background-color: var(--1stclr);
	color: var(--2ndclr);
	border-radius: 0;
	border-color: var(--1stclr);
}

.btn.btn-success.button.btn-buy:hover {
	background: var(--2ndclr);
	color: var(--4thclr);
	border-color: var(--4thclr);
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.caption {
	font-size: 0.65rem;
	text-align: right;
	padding: 0.5rem 0;
	padding-bottom: 0;
	max-width: var(--maxchp)!important;
}

.bigsquareimage .caption {
	height: 30px;
	max-width: 100%!important;
}

.vollbildwrapper .caption {
	text-align: left;
}



@media (max-width: 810px){
	
}

  
/* Joomla Overrides */

.skip {
	display: none;
}

.input-group .btn {
	position: relative;
	z-index: 0;
}

.mod-custom {
	padding: 0;
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
}

.moduletable {
	position: relative;
}

.burgermenu .mod-custom {
	position: absolute;
	bottom: 1rem;
}

#system-message-container {
	padding-left: var(--padder);
	padding-right: var(--padder);
	position: absolute;
	width: calc(100% - 300px);
	z-index: 1;
}

.closed #system-message-container {
	width: 100%;
}

joomla-alert .joomla-alert--close {
	color: var(--2ndclr);
	text-shadow: none;
	font-weight: normal;
	left: 0;
	right: auto;
	position: absolute;
}

joomla-alert .joomla-alert--close:hover {
	color: var(--2ndclr);
}

.joomla-alert--close:hover {
	background: transparent;
	color: var(--2ndclr);
}

joomla-alert {
	border-radius: 0;
	max-width: 620px;
	margin: auto;
	margin-top: 2rem;
	padding: 2rem;
	position: relative;
}

joomla-alert[type="info"], joomla-alert[type="warning"] {
	background-color: var(--4thclr);
	border-color: transparent;
	color: var(--2ndclr);
}

joomla-alert[type="success"] {
	background-color: var(--1stclr);
	border-color: var(--1stclr);
	color: var(--2ndclr);
}

joomla-alert[type="success"] a, joomla-alert[type="success"] a:hover {
	color: var(--2ndclr);
}

@media (max-width: 1400px){
	#system-message-container {
	width: 100%;
}
	.closed #system-message-container {
	width:calc(100% - 300px);
}
}

@media (max-width: 810px){
	#system-message-container, .closed #system-message-container {
	width: 100%;
}
}


@media (max-height: 760px){
.burgermenu .mod-custom {
	position: relative;
	float: left;
}
}

/*

.mod-custom h2 {
	font-size: 1.2rem;
}

.mod-custom p {
	font-size: 0.8rem;
}

*/

.fullpage .com-content-article {
	padding-right: 0;
}

.com-content-article.item-page .page-header {
	display: none;
}

.startseite .com-content-article {
	padding-right: 0rem;
}

.category-desc {
	margin-bottom: 1rem;
}

.fields-container {
	display: none;
}

@media (max-width: 810px){
.page-header {
	margin-top: -.5rem;
}

.com-content-article {
	padding-right: 0rem;
}

}

/* Bootstrap overrides */

main ol, main ul {
	padding-left: 1rem;
	max-width: 840px;
	margin-top: 0.5rem;
}

main ul {
	list-style: none;
}

main li {
	margin-bottom: 0.5rem;
}

main ul li::before {
	content: '–';
	margin-left: -20px;
	padding-right: 10px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1920px;
	padding-left: var(--padder);
	padding-right: var(--padder);
}

button:focus:not(:focus-visible) {
	outline: 0;
	border: 0!important;
}

.navbar-toggler:focus {
	box-shadow: none!important;
}
@media (max-width: 810px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	width: 100%;
}

.navbar.mobile .col-md-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}	

.navbar.mobile .col-md-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

}

}

/* Template Stuff */

main {
	margin: auto;
	margin-top: 6rem;
	padding-left: 0rem;
	padding-right: 0rem;
}

.fullpage main {
	max-width: 100%;
	width: 100%;
	margin-top: 0;
	padding: 0;
}

.nopad {
	padding: 0;
}

.desktop {
	display: block;
}

.mobil {
	display: none;
}

.clearblock {
	padding-bottom: var(--padder);
	clear: both;
}

.clearblock.big {
	padding-top: var(--padder);
	clear: both;
}

.clearblock.small {
	margin: 1rem;
}

.bgwhite {
	background-color: var(--2ndclr);
	
}	
.bggrey {	
	background-color: var(--3rdclr);
}

.clearblock.bggrey {
	margin-bottom: -15px;
}

.stickybox {
	position: sticky;
	top: 7rem;
	background-color: var(--2ndclr);
	padding: 2rem;
	float: left;
	width: 100%;
	margin-bottom: 4rem;
}

@media (max-width: 810px){

main img {
	width: 100%;
}

.desktop {
display: none;
}
.mobil {
display: block;
}
}

@media (max-width: 480px){
	
main {
	margin-top: 4.5rem;
}

}

@media (max-width: 330px){
	
main {
	margin-top: 3.75rem;
}

}

.container.full {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.container.full.grey, .container.full.white {
	background-color: var(--3rdclr);
}

.container.full.white {
	background-color: var(--2ndclr);
}

.container.full.relative {
	position: relative;
}

/* Grid Systeme */

.even-columns {
	display: grid;
	gap: 1rem;
}

.grid.centercontent, .bigsquaretext {
	display: grid;
	justify-content: center;
	align-items: center;
}

.grid.centercontent {
	justify-content: center;
}

.vierergrid .blog-items, .vierergrid.closed .blog-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 2rem;
	padding-top: var(--padder);
	row-gap: 4rem;
}

.zweiergrid .blog-items, .zweiergrid.closed .blog-items {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	padding-top: 0rem;
}

.masonry-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
	margin-bottom: 2rem;
}

.masonry-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	margin-bottom: 2rem;
}

.zweiklappgrid .blog-items, .zweiklappgrid.closed .blog-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 2rem;
	padding-top: 0rem;
}

.grid.bigintro-columns, .closed .grid.bigintro-columns {
	margin-left: var(--negpad);
	display: grid;
	grid-template-columns: minmax(400px, 1fr) 1fr;
	gap: 4rem;
	background-color: var(--2ndclr);
	width: calc(100% + var(--padder) + var(--padder));
	background-image: linear-gradient(90deg, var(--3rdclr) 0%, var(--3rdclr) 50%, var(--3rdclr) 100%);
	background-size: 100% 4rem;
	background-position: bottom;
	background-repeat: no-repeat;
	overflow-x: hidden;
	text-decoration: none;
}

.grid.bigintro-columns.reverse {
	grid-template-columns: 1fr minmax(400px, 0.85fr);
	background-color: #fff;
	background-image: none;
	background-size: 100%;
	gap: 0;
}

.grid.bigintro-columns.reverse .caption {
	text-align: left;
}

.grid.bigintro-columns.reverse .bigsquareinner {
	max-width: 100%;
	margin-left: calc(var(--padder) * 3 );
	background: transparent;
}

.carousel1.introslider .grid.bigintro-columns, .carousel1.introslider .closed .grid.bigintro-columns {
	margin-left: 0;
}

.detailseite .grid.bigintro-columns {
	margin-left: 0;
	width: 100%;
}

.grid.bigintro-hgslider {
	display: grid;
	height: 100vh;
	background-size: cover;
	grid-template-columns: 0.5fr 2fr 1fr;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.grid.bigintro-hgslider .bigsquaretext {
	background-color: #fff;
	max-width: 60ch;
	padding: 2rem;
	transform: translateX(0);
	width: 100%;
	margin-top: 0;
}

.pressegrid, .articlegrid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 2rem;
	max-width: 1340px;
	margin: auto;
}

.articlegrid.content {
	grid-template-columns: 1fr;
	gap: 0;
}

.grid.articlegrid.start {
	padding-top: 6rem;
	padding-inline: var(--padder);
	max-width: calc(1340px + var(--padder) * 2);
}

.grid.articlegrid.start p {
	font-size: 1.4rem;
	line-height: 1.3;
}

.grid.articlegrid.start .bigsquareinner {
	padding-bottom: 2rem;
}

.grid.articlegrid .introwrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	padding-bottom: 2rem;
}

.grid.articlegrid .introtitel {
	border-bottom: 1px solid;
	margin-bottom: 2rem;
}

.grid.articlegrid .introtitel h2 {
	margin-top: 4rem;
}

.grid.articlegrid .introtitel:first-of-type h2 {
	margin-top: 0;
}

.grid.articlegrid .introtext p::after {
	content:'';
}

.grid.centergrid {
	display: grid;
	max-width: 1340px;
	margin: auto;
}

.grid.centergrid div:first-of-type {
	max-width: 1000px;
}

.grid.zweibilder, .grid.zweiergrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.grid.zweiergrid.bildslider {
	padding-top: 0.35rem;
}

.grid.zweiergrid.centergrid {
	gap: 8rem;
}

@media (max-width: 1400px) {
.grid.articlegrid.start p {
	font-size: 1.2rem;
}
}

@media (min-width: 50em) {

.even-columns {
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
}
}

@media (max-width: 1280px) {
.vierergrid .blog-items, .vierergrid.closed .blog-items {
	grid-template-columns: 1fr 1fr 1fr;
}	
}

@media (max-width: 1000px) {

.grid.bigintro-columns, .grid.bigintro-columns.reverse {
	grid-template-columns: 1fr;
	background-color: var(--3rdclr);
}

.grid.bigintro-columns.reverse .bigsquareinner {
	max-width: calc(100% - var(--padder));
	margin-left: 0;
}

.grid.bigintro-columns.reverse .bigsquaretext {
	order: 2;
}

.grid.articlegrid.start {
	grid-template-columns: 1fr;
}

.vierergrid .blog-items {
	grid-template-columns: 1fr 1fr;
}

.grid.zweiergrid.centergrid {
	grid-template-columns: 1fr;
	gap: 2rem;
}

}



@media (max-width: 1000px) {

.closed .grid.bigintro-columns {
	grid-template-columns: 1fr;
	background-color: var(--3rdclr);
}

.vierergrid.closed .blog-items {
	grid-template-columns: 1fr 1fr;
}

.pressegrid, .articlegrid {
	grid-template-columns: 1fr;
}

.container.full.white.greymobile {
	background-color: var(--3rdclr);
}

.grid.bigintro-columns.reverse .caption {
	text-align: right;
}

/* .pressegrid div:last-of-type, .articlegrid div:last-of-type {
	grid-row: 1;
}

*/

.stickybox {
	max-width: 100%;
}

}

@media (max-width: 810px) {

.grid.bigintro-hgslider {
	display: grid;
	height: 100vh;
	background-size: cover;
	grid-template-columns: var(--padder) 2fr var(--padder);
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.masonry-3, .masonry-2 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	margin-bottom: 1rem;
}

.jshop_order_step {
	text-align: left;
}

}

@media (max-width: 600px) {
	
.vierergrid .blog-items, .vierergrid.closed .blog-items, .grid.articlegrid .introwrapper {
	grid-template-columns: 1fr;
}	
	
}

@media (max-width: 480px) {
.grid.bigintro-columns, .closed .grid.bigintro-columns {
	width: calc(100% + 2rem);
}

.grid.articlegrid.start p {
	font-size: 1rem;
	line-height: 1.3;
}

}

/* Störer Startseite */

.moduletable.startstoerer {
	position: absolute;
	top: calc(var(--padder)*2.25);
	right: calc(var(--padder) / 2 + 300px);
	transition: ease-in-out 0.2s;
}

.moduletable.startstoerer .mod-custom {
	transition: ease-in-out 0.2s;
}

.moduletable.startstoerer .mod-custom:hover {
	scale: 1.1;
}

.closed .moduletable.startstoerer {
	right: calc(var(--padder) * 0.65);
}

.moduletable.startstoerer p {
	padding: 0;
}

.moduletable.startstoerer a {
	background: var(--4thclr);
	padding: 1rem;
	color: #fff;
	border-radius: 100%;
	box-shadow: 0px 0px 15px #00000029;
	text-align: center;
	height: 200px;
	width: 200px;
	display: grid;
	align-items: center;
	font-size: 1rem;
	 word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	text-decoration: none;
}

.moduletable.startstoerer:hover a {
	text-decoration: none;
}

@media (max-width: 1400px) {
.moduletable.startstoerer {
	top: calc(var(--padder)*2.5);
	right: calc(var(--padder)/1.5);
}
.closed .moduletable.startstoerer {
	right: calc(var(--padder) / 2 + 300px);
}
}	

@media (max-width: 1280px) {
.moduletable.startstoerer {
	top: calc(var(--padder)*3.5);
}	
	
}

@media (max-width: 810px) {
.moduletable.startstoerer {
	top: calc(var(--padder)*4.5);
}	
.moduletable.startstoerer {
	right: var(--padder);
}
}

@media (max-width: 600px) {
.closed .moduletable.startstoerer {
	right: var(--padder);
}	
}

@media (max-width: 480px) {
.moduletable.startstoerer {
	right: var(--padder);
	scale: 0.75;
	transform-origin: right;
}	
}

/* Störer Unterseiten */

.moduletable.sidestoerer {
	position: fixed;
	top: calc(var(--padder)*2);
	right: calc(var(--padder) + 300px);
	transition: ease-in-out 0.2s;
	width: 0;
}

.moduletable.sidestoerer p {
	padding: 0;
}

.closed .moduletable.sidestoerer {
	right: calc(var(--padder)*1.15);
}

.moduletable.sidestoerer .mod-custom {
	rotate: 90deg;
	position: relative;
	transform-origin: 0;
	transition: ease-in-out 0.2s;
}

.moduletable.sidestoerer .mod-custom:hover {
	scale: 1.1;
}

.moduletable.sidestoerer a {
	white-space: nowrap;
	background: var(--4thclr);
	padding: 1rem 1.5rem;
	color: #fff;
	border-radius: 50px;
	box-shadow: 0px 0px 15px #00000029;
	text-decoration: none;
}

.moduletable.sidestoerer a:hover {
	text-decoration: none;
}

@media (max-width: 1400px) {
	.moduletable.sidestoerer {
		top: calc(var(--padder)*2.25);
		right: calc(var(--padder)*1.25);
	}
	
	.closed .moduletable.sidestoerer {
		right: calc(var(--padder) + 300px);
	}
}

@media (max-width: 1280px) {
.moduletable.sidestoerer {
	top: calc(var(--padder)*3.25);
	right: calc(var(--padder)*1.8);
}
	
.closed .moduletable.sidestoerer {
	right: calc(var(--padder) *1.25 + 300px);
}
}

@media (max-width: 810px) {
.moduletable.sidestoerer {
	top: calc(var(--padder)*4.5);
	right: calc(var(--padder)*2.055);
}

.closed .moduletable.sidestoerer {
	right: calc(var(--padder) *1.75 + 300px);
}

}

@media (max-width: 480px) {
.moduletable.sidestoerer {
	top: calc(var(--padder)*4.5);
	right: calc(var(--padder)*2.15);
	scale: 0.75;
}	
	
.closed .moduletable.sidestoerer {
	display: none;
}
}

/* Kategorie Intros uns Slider */

.bigsquareimage img {
	width: 100%;
}

.bigsquareinner .btn {
	margin-top: 0;
}

.bigsquareinner p, .bigsquareinner h2 {
	padding-right: var(--padder);
}

.reverse .bigsquareinner p, .reverse .bigsquareinner h2 {
	padding-right: var(--padder);
}

.bigsquaretext {
	max-width: 72ch;
	padding-right: 2rem;
}

.bigsquaretext, .closed .bigsquaretext {
	max-width: 100%;
	background-color: transparent;
	padding: 0rem;
	width: 100%;
	transform: translateX(0rem);
	padding-right: 2rem;
	margin-top: 0rem;
}

.closed .bigsquareimage .caption {
	background-color: transparent;
	padding-right: 0rem;
	transform: translate(0rem, 0rem);
}

.carousel1.introslider {
	padding-bottom: 2rem;
}

.closed .container.prevnext.first, .closed .container.prevnext.second {
	padding-right: calc(var(--padder)/1.5);
}

.container.prevnext {
	padding-right: calc(var(--padder) / 2);
}

.slick-dots {
	position: relative;
	bottom: -1rem;
	display: block;
	width: 100%;
	padding: 0;
	margin: auto;
	list-style: none;
	text-align: center;
}

.bigdots .slick-dots {
	bottom: 4rem;
}

.slick-dots li:before {
	content: '';
}

.slick-dots li button::before {
	font-family: 'slick';
	font-size: 5px;
	line-height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: '';
	text-align: center;
	opacity: .5;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: var(--1stclr);
	border-radius: 10px;
}

.slick-dots li.slick-active button::before {
	opacity: 1;
	color: black;
}

.bigdots .slick-dots li button::before {
	background-color: var(--2ndclr);
}

@media (max-width: 1280px) {
	.closed .container.prevnext.first, .container.prevnext.first, .container.prevnext.second {
		padding-right: var(--padder);
	}
	
	.bigsquareinner {
	padding-right: var(--padder);
}
}

@media (max-width: 1000px) {

.bigsquaretext, .closed .bigsquaretext {
	max-width: 100%;
	background-color: #fff;
	padding: 2rem;
	width: calc(100% + var(--padder));
	transform: translateX(var(--padder));
	padding-right: calc(var(--padder) + var(--padder));
	margin-top: -8rem;
	padding-top: .5rem;
}

.bigsquareimage .caption, .closed .bigsquareimage .caption {
	background-color: #fff;
	padding-right: 4rem;
	transform: translate(var(--padder), -4rem);
}

.reverse .bigsquareimage .caption {
	transform: translate(var(--padder), -8rem);
}

.bigsquareinner {
	padding-right: 0;
	max-width: 100%;
}

.grid.articlegrid.start .bigsquaretext {
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
	transform: translateX(0);
}

}

@media (max-width: 810px) {
.bigsquareimage .caption {
	padding-right: 3rem;
}	

.grid.articlegrid.start .bigsquaretext {
	padding-right: 0;
}

}

@media (max-width: 480px) {
	
.bigsquaretext, .closed .bigsquaretext {
	padding: 1rem;
	padding-right: 2rem;
	padding-top: 0.5rem;
}

.bigsquareimage .caption {
	padding-right: 2rem;
}	

.detailseite .grid.bigintro-columns, .closed .detailseite .grid.bigintro-columns {
	margin-left: 0rem;
	width: calc(100% + 0rem);
}

.detailseite .bigsquaretext, .detailseite .closed .bigsquaretext {
	padding-right: calc(var(--padder)*2);
	transform: translateX(var(--padder));
}

.detailseite .bigsquareimage .caption, .closed .detailseite .bigsquareimage .caption {
	padding-right: calc(var(--padder)*2);
	transform: translate(var(--padder), -4rem);
}

.reverse .bigsquareimage .caption {
	transform: translate(var(--padder), -8rem);
}

}

@media (max-width: 330px) {
	
}

/* Übersichten */

.item-content {
	text-decoration: none;
}

.blog {
	background-color: var(--3rdclr);
	padding-left: var(--padder);
	padding-right: var(--padder);
}

.bgwhite .blog {
	background-color: var(--2ndclr);
}

@media (max-width: 480px) {
	
.blog {
	padding-left: 1rem;
	padding-right: 1rem;
}	

}

@media (max-width: 330px) {
	
}

/* 4er Übersicht */

.introwrapper {
	text-decoration: none;
}

.introtext p {
	font-size: 0.8rem;
	margin-top: 0.5rem;
	margin-bottom: -0.5rem;
}

.introimage img {
	margin-bottom: 1.15rem;
	width: 100%;
}

.introtext h2 {
	font-size: 1.15rem;
	margin-bottom: 0.5rem;
	max-width: var(--maxchp);
}

a .introwrapper .introtext h2, .product.introwrapper .introtext h2 {
	background-image: linear-gradient(var(--1stclr), var(--1stclr));
	background-size: 0% 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	transition: background-size 500ms ease;
	display: inline;
}

a .introwrapper:hover .introtext h2, .product.introwrapper:hover .introtext h2 {
	background-size: 100% 1px;
}

.pressegrid .introwrapper .introtext h2, .pressefotos .introwrapper .introtext h2 {
	background-image: none;
}

.introtext a {
	text-decoration: none;
}

.introtext h4 a {
	text-decoration: underline;
}

.introtext.noelipse h4  {
	margin-bottom: 0.5rem;
}

.introtext p {
	font-size: 0.8rem;
}

.introtext.noelipse p:last-of-type {
	padding-bottom: 0;
}

.introwrapper .introtext.noelipse h2 {
	background-image: none;
}

.introtext p::after {
	content: '\a0…';
}

.introtext.noelipse p::after {
	content: '';
}

.white .blog-item {
	background-color: var(--2ndclr);
	padding: 1rem;
}

.white .blog-item h4 {
	display: none;
}

.white .introwrapper .introtext p::after {
	content: '';
}

/* 2er Übersicht Presse */


.pressegrid .introwrapper.start {
	margin-bottom: -2rem;
	margin-top: 2rem;
}

.pressegrid .com-content-category-blog__item.blog-item:first-of-type .introwrapper.start {
	margin-top: 0;
}

.pressegrid .introwrapper.start h2 {
	font-family: documenta-sans-regular-table;
}

.pressegrid .item-content {
	border-top: 1px solid;
	padding-top: 1rem;
}

.pressegrid .introtext p::after {
	content:'';
}

/* Übersicht Pressefotos */

/* Beitrag allgemein */

.introbox, .ytbox, .vollbildwrapper {

}

.einzelbild img {
	width: 100%;
}

/* Youtube Player */

.youtube-player {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	margin-bottom: 0.5rem;
	z-index: 0;
}

.youtube-player .dsgvo-btn {
	position: absolute;
	z-index: 1;
	background-color: #fff;
	padding: 1rem;
	font-size: 0.65rem;
	display: none;
	margin: 0.5rem;
}

.youtube-player .dsgvo-btn p {
	font-size: 0.65rem;	
}

.youtube-player .dsgvo-btn .btn {
	margin-top: 0;
}

.youtube-player:hover .dsgvo-btn {
	display: block;
}

.youtube-player.noconsent {
	background: #fff;
}

.youtube-player.noconsent::before {
	content: 'Bitte stimmen Sie unseren Cookie- und Script-Einstellungen zu, damit YouTube-Videos geladen werden können.';
	padding: var(--padder);
	display: block;
	margin-top: 10%;
}

.youtube-player.noconsent .play {
	display: none;
}

.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}

.youtube-player img {
object-fit: cover;
display: block;
left: 0;
bottom: 0;
margin: auto;
max-width: 105%;
width: 105%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
transition: 0.4s all;
}

.youtube-player img:hover {
-webkit-filter: brightness(75%);
}

.youtube-player .play {
	width: 3rem;
	height: 3rem;
	left: 50%;
	top: 50%;
	margin-left: -1.5rem;
	margin-top: -1.5rem;
	position: absolute;
	background-color: #fff;
	background-image: url('../images/video.svg');
	box-shadow: 0px 0px 15px #000;
	border-radius: 100%;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: center;
	transition: all ease-in-out 0.2s;
}

.youtube-player .play:hover {
	transform: scale(1.1);
	transition: all ease-in-out 0.2s;
}

@media (hover: none) { 
.youtube-player .dsgvo-btn {
	display: block;
}
 }

/* Aufklapper / Accordeon */

.accordion .grid.articlegrid.content:nth-of-type(2) .introtext {
	grid-row: 1;
}

.accordion-item {
	background-color: transparent;
	border: 0px solid rgba(0,0,0,.125);
	border-top: 1px solid;
}

.accordion-item:not(:first-of-type) {
	border-top: 1px solid;
}

.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.accordion .grid.articlegrid .introwrapper {
	align-items: center;
}

.accordion-header {
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
}

.accordion-header .accordion-button {
	font-size: 0.65rem;
	margin-bottom: 0em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.accordion-button {
	margin-top: 0;
	background-color: transparent;
	color: var(--1stclr);
}

.accordion-button:not(.collapsed) {
	color: var(--1stclr);
	background-color: transparent;
	box-shadow: none;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
	background-image: url(../images/pfeilunten.svg);
}

.accordion-button.collapsed:hover::after {
	filter: invert(100%) sepia(23%) saturate(2%) hue-rotate(128deg) brightness(107%) contrast(101%);
}

.accordion-button:focus {
	z-index: 1;
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

.accordion-body {
	padding-top: 0;
}

.accordion .introtext h2 {
	font-size: 1.2rem;
}

.introklapp p {
	font-size: 0.9rem;
}

/* Jugenbeteiligung Accordeon */

.highest .accordion-body {
	padding: 0;
}

.accordion.inner {
	background: var(--2ndclr);
}

.highest .inner .accordion-body {
	padding: 1rem 1.25rem;
	padding-top: 0;
}

/* Team */

.container.full.team {
	padding-bottom: 3rem;
	background: var(--3rdclr);
	padding-top: 4rem;
}

.container.full.team:nth-child(2n+1) {
	background: var(--2ndclr);
}

.team .grid.bigintro-columns {
	background-image: none;
	background-color: transparent;
}

.team .bigsquareinner h2 {
	font-size: 2rem;
}

/* Menü */

header {
	position: fixed;
	width: 100%;
	top: 0;
	background-color: transparent;
	transition: ease-in-out 0.2s;
	z-index: 2;
}

.logowrapper {
	width: 100%;
	display: block;
	position: fixed;
	left: 0;
	top: 0rem;
	transition: ease-in-out 0.2s;
	background-position: center;
	background-color: transparent;
	padding-left: var(--padder);
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 125px;
}

.logowrapper.up {
	background-color: var(--2ndclr);
}

.logowrapper.up {
	animation: scrollup 1s linear infinite;
	animation-play-state: paused;
	animation-delay: calc(var(--scroll) * -1s);
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes scrollup {
  0%   {background-color: transparent;}
  2%   {background-color: transparent;}
  10%  {background-color: var(--2ndclr);}
}

.logowrapper .logo {
	height: 136px;
	width: 275px;
	background-size: 100%;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}

.fullpage .logowrapper .logo {
	background-image: url(../images/logo_hell.png);
}

.fullpage .logowrapper.up .logo {
	animation: logowhite 1s linear infinite;
	animation-play-state: paused;
	animation-delay: calc(var(--scroll) * -1s);
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes logowhite {
  0%   {background-image: url(../images/logo_hell.png);}
  9%   {background-image: url(../images/logo_hell.png);}
  10%  {background-image: url(../images/logo.png);}
  100%  {background-image: url(../images/logo.png);}
}


.logowrapper.down {
	transform: translateY(-125px);
	transition: ease-in-out 0.2s;
}

@media (max-width: 480px){

.logowrapper {
	height: 93px;
}	
	
.logowrapper .logo {
	width: 210px;
	height: 104px;
}

.logowrapper.down {
	transform: translateY(-95px);
	background-color: transparent;
}

}

@media (max-width: 330px){

.logowrapper {
	height: 74px;
}		
	
.logowrapper .logo {
	width: 170px;
	height: 84px;
}

.logowrapper.down {
	transform: translateY(-75px);
}

}

/* Icons und Buttons */

.iconbtn, .slick-arrow {
	background-image: url(../images/teilen.svg);
	position: relative;
	background-color: #fff;
	background-size: 90%;
	width: 3rem;
	height: 3rem;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0px 0px 15px #00000029;
	border-radius: 100%;
	cursor: pointer;
	transition: all ease-in-out 0.2s;
}

.slick-arrow {
	background-size: 65%;
}

.iconbtn:hover, .slick-arrow:hover  {
	transform: scale(1.1);
	transition: all ease-in-out 0.2s;
}

.prevbtn.slick-arrow {
	background-image: url(../images/pfeillinks.svg);
}

.nextbtn.slick-arrow {
	background-image: url(../images/pfeilrechts.svg);
}

.iconbtn.share-btn {
	background-image: url(../images/teilen.svg);
}

.share-btn-msg {
	width: 250px;
	float: left;
	background: #fff;
	height: 3rem;
	margin-top: 0;
	line-height: 4.5;
	font-size: 14px;
	padding-left: 20px;
	margin-left: 0;
	z-index: 0;
	position: relative;
	border-radius: 50px;
	box-shadow: 0px 0px 15px #00000029;
	display: none;
	transition: right ease-in 0.0s;
}

@media (max-width: 480px){
.iconbtn, .slick-arrow {
	scale: 0.75;
}

.iconbtn:hover, .slick-arrow:hover {
	transform: scale(1.15);
}
	
}

/* Burger */

.burgerwrapper {
	position: relative;
	transition: ease-in-out 0.1s;
}

.burger {
	background-image: none;
	z-index: 2;
	display: grid;
	justify-content: center;
	align-items: center;
	row-gap: 0.25rem;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	padding: 1rem;
	position: relative;
}

.burgerlayer {
	width: 100%;
	height: 0.1rem;
	background-color: var(--1stclr);
	transform: rotate(0deg);
	transition: all ease-in-out 0.2s;
	
}

.burgerlayer.top {
	grid-area: 1 / 1 / 2 / 1;
}

.burgerlayer.middle {
	grid-area: 1 / 1 / 4 / 1;
	transition: opacity ease-in-out 0.2s;
}

.burgerlayer.bottom {
	grid-area: 3 / 1 / 4 / 1;
}


.closed .burgerlayer.top {
	transform: rotate(-225deg) translateX(.3rem) translateY(-.3rem);
	transform-origin: center;
}

.closed .burgerlayer.middle {
	opacity: 0;
	transition: opacity ease-in-out 0.2s;
}

.closed .burgerlayer.bottom {
	transform: rotate(225deg) translateX(.3rem) translateY(0.3rem);
	transform-origin: center;
}

@media (min-width: 1401px){
.closed .burgerlayer.top {
	grid-area: 1 / 1 / 2 / 1;
	transform: rotate(0deg);
}

.closed .burgerlayer.middle {
	grid-area: 1 / 1 / 4 / 1;
	transition: opacity ease-in-out 0.2s;
	opacity: 1;
}

.closed .burgerlayer.bottom {
	grid-area: 3 / 1 / 4 / 1;
	transform: rotate(0deg);
}


.burgerlayer.top {
	transform: rotate(-225deg) translateX(.35rem) translateY(-.35rem);
	transform-origin: center;
}

.burgerlayer.middle {
	opacity: 0;
	transition: opacity ease-in-out 0.2s;
}

.burgerlayer.bottom {
	transform: rotate(225deg) translateX(.24rem) translateY(0.24rem);
	transform-origin: center;
}
}






/* Navigation */

header .navbar {
	padding-top: calc(var(--padder)/2);
	padding-bottom: calc(var(--padder)/2);
	position: fixed;
	right: calc(var(--padder)/1.5);
	height: 0;
	display: grid;
	align-items: start;
}

@media (max-width: 1280px){

header .navbar {
	padding-top: var(--padder);
	padding-bottom: var(--padder);
	position: fixed;
	right: var(--padder);
	height: 0;
	display: grid;
	align-items: start;
}

}

@media (max-width: 480px){
	
header .navbar {
	right: calc(var(--padder)/2);
}	
	
}

.navbar.mobile .burgermenu {
	background-color: var(--2ndclr);
	color: var(--1stclr);
	position: fixed;
	width: 300px;
	right: 0;
	top: 0;
	min-height: 0;
	z-index: 1;
	transition: ease-in-out 0.2s;
	overflow-y: auto;
	height: 100vh;
	box-shadow: 15px 2px 30px #000;
	scrollbar-width: none;
	-ms-overflow-style: none;	
}

.navbar.mobile .burgermenu::-webkit-scrollbar {
  background: transparent;
  width: 0px;
}

.closed .navbar.mobile .burgermenu {
	width: 0px;
	transition: ease-in-out 0.2s;
}

.navbar.mobile .burgermenu .klapp {
	content: '';
	display: block;
	width: 1rem;
	height: 1.5rem;
	text-align: center;
	transition: ease-in-out 0.2s;
	transform-origin: 50%;
	float: right;
	background-image: url(../images/pfeilunten.svg);
	background-position: center;
	background-size: 1.5rem;
	background-repeat: no-repeat;
	margin-right: -1.5rem;
	transform: rotate(0deg);
	cursor: pointer;
}

.navbar.mobile .burgermenu .klapp.active {
	transform: rotate(-180deg);
	transition: ease-in-out 0.2s;
	background-position: center;
}

@media (max-width: 480px) {
.navbar.mobile .burgermenu .klapp {
	scale: 0.85;
}
}

.burgermenu .nav {
	max-width: 1000px;
	margin: auto;
	padding-top: 7rem;
	display: block;
	text-align: left;
	padding-bottom: 0em;
	padding-right: 2.5rem;
	clear: both;
}

.burgermenu .nav li {
	padding: 1rem;
	float: left;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0.7rem;
	line-height: 1.2;
	padding-right: 2rem;
	text-align: right;
}

.nav-item.divider {
	padding: 0 !important;
}

.burgermenu .nav a {
	font-size: 1.2rem;
	text-decoration: none;
	text-align: right;
	display: inline;
}

.burgermenu .nav a {
	background-image: linear-gradient(var(--1stclr), var(--1stclr));
	background-size: 0% 1px;
	background-repeat: no-repeat;
	background-position: right bottom;
	transition: background-size 300ms ease;
}

.burgermenu .nav .small {
	font-size: 1rem;
}

.burgermenu .mod-menu__sub.list-unstyled.small a,
.burgermenu .nav .active.deeper.parent .mod-menu__sub.list-unstyled.small.active a {
	background-size: 0% 1px;
}

.burgermenu .nav a:hover,
.burgermenu .nav .active.deeper.parent a,
.burgermenu .nav .current.active a,
.burgermenu .nav .active a,
.burgermenu .mod-menu__sub.list-unstyled.small a:hover,
.burgermenu .nav .active.deeper.parent .mod-menu__sub.list-unstyled.small.active a:hover,
.burgermenu .nav .active.deeper.parent .mod-menu__sub.list-unstyled.small.active .current.active a
 {
	background-size: 100% 1px;
	width: auto;
}

/* Untermenü */

.burgermenu .mod-menu__sub.list-unstyled.small {
	max-height: 0;
	overflow: hidden;
	padding-top: 0.25rem;
	opacity: 1;
}

.burgermenu .mod-menu__sub.list-unstyled.small.active {
	overflow: visible;
	opacity: 1;
	margin-top: 0;
}

.burgermenu .mod-menu__sub.list-unstyled.small li {
	padding-right: 0;
	padding-bottom: 0;
}

.burgermenu .mod-menu__sub.list-unstyled.small li a {
	font-size: 0.7rem;
	padding: 0;
}

/*  Sprachen */

.mod-menu__heading.nav-header {
	text-align: right;
	width: 100%;
	float: right;
	cursor: pointer;
}

.mod-menu__heading.nav-header::after, .burgermenu .nav.language.easy a:after {
	content: 'S';
	font-family: amatiksymbols;
	position: absolute;
	font-size: 1rem;
	margin-left: 0.5rem;
	margin-top: -0.25rem;
}

.burgermenu .nav.language.easy a:after {
	content: 'N';
}

.burgermenu .nav.language {
	padding-top: 2rem;
}

.burgermenu .nav.language.easy {
	padding-top: 1rem;
}

.burgermenu .nav.language a, .mod-menu__heading.nav-header, .js-finder-search-query.form-control {
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--1stclr);
}

.navbar.mobile .burgermenu  .nav.language .klapp {
	display:  none;
}

.burgermenu .nav.language .mod-menu__sub.list-unstyled.small.active {
	margin-top: .5rem;
}

@media (max-width: 1400px){
	
.burgermenu {
	width: 0;
}	

.navbar.mobile .burgermenu {
	width: 0px;
	transition: ease-in-out 0.2s;
}

.closed .navbar.mobile .burgermenu {
	width: 300px;
	transition: ease-in-out 0.2s;
}

}

@media (max-width: 810px){
.burgermenu .nav {
	padding-right: 2rem;
}
}

@media (max-width: 480px){
.burgermenu .nav {
	padding-right: var(--padder);
	padding-top: calc(var(--padder)*5);
}

.burgermenu .nav li {
	padding-bottom: 0.5rem;
}

.burgermenu .nav a {
	font-size: 1rem;
}

.navbar.mobile .burgermenu .klapp {
	height: 1.25rem;
}

.burgermenu .nav.language {
	padding-top: 1.5rem;
}

.burgermenu .nav.language.easy {
	padding-top: 0.5rem;
}

}

/* Suche Modul */

.js-finder-search-query.form-control {
	height: 100%;
}

.js-finder-search-query.form-control {
	text-align: right;
	padding-right: 1rem !important;
	padding-bottom: .35rem !important;
}

.mod-finder__search.input-group, .com-finder__search .input-group {
	width: 200px;
	margin-left: 2rem;
	clear: both;
	display: grid;
	grid-template-columns: 2fr 0.1fr;
	position: relative;
	margin-top: 1rem;
}

.com-finder__search .input-group {
	margin-left: 0;
	float: inherit;
}

.mod-finder__search .btn, .com-finder__search .btn {
	font-family: amatiksymbols;
	font-size: 1rem;
	padding: 0;
	border: 0;
	margin: 0;
	border-bottom: 1px solid;
	position: absolute;
	bottom: 0px;
	right: 0;
}

.mod-finder__search.input-group .btn:hover, .com-finder__search .btn:hover {
	background-color: transparent;
	color: var(--1stclr);
}

.mod-finder__search .form-control::placeholder, .com-finder__search .form-control::placeholder {
	color: var(--1stclr);
	opacity: 0.8;
}

.mod-finder__search .form-control, .com-finder__search .form-control {
	display: block;
	width: 100%;
	padding: 0;
	line-height: 1;
	color: var(--1stclr);
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid;
}

/* Shopsuche */

.jshop.com-finder__search {
	width: auto;
	display: inline-block;
}

@media (max-width: 810px){
.mod-finder__search.input-group {
	margin-left: 2.5rem;
}
}

@media (max-width: 480px){
.mod-finder__search.input-group {
	margin-left: 3.5rem;
}
}


/* Page */

.pagewrap, .startseite footer  {
	width: calc(100% - 300px);
	transition: ease-in-out 0.2s;
}

.closed .pagewrap, .startseite.closed footer {
	width: calc(100% - 0px);
	transition: ease-in-out 0.2s;
}

.startseite .pagewrap, .startseite.closed .pagewrap {
	width: 100%;
	transition: ease-in-out 0.2s;
}

.intro.big p {
	font-size: 1.4rem;
}

.grid.bigintro-columns.breit {
	grid-template-columns: 1fr;
}

.breit .bigsquareimage {
	grid-area: 1 / 1;
}

.breit .bigsquaretext {
	grid-area: 1 / 1;
	padding: var(--padder);
	background-color: var(--2ndclr);
	max-width: max-content;
	max-height: max-content;
	margin: auto 0;
	margin-left: var(--padder);
}

@media (max-width: 1400px){
.intro.big p {
	font-size: 1.2rem;
}	
}

@media (max-width: 1000px){
.breit .bigsquareimage {
	grid-area: unset;
}

.breit .bigsquareimage img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}	
	
	
.breit .bigsquaretext {
	grid-area: unset;
	padding: inherit;
	background-color: initial;
	max-width: initial;
	max-height: initial;
	margin: initial;
	margin-left: inherit;
}
}

@media (max-width: 480px){
.intro.big p {
	font-size: 1rem;
}	
}


/* @media (max-width: 1340px){
.pagewrap, .startseite footer {
	width: calc(100% - 0px);
}	
}

*/

@media (max-width: 1400px){
.pagewrap, .startseite footer {
	width: calc(100% - 0px);
}	
}

/* Startseite */

.startseite main {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	padding: 0;
}

/* Slideshow Start */

/*Random Image */

.randomimages {
	position: relative;
}

.randomimages a {
	display: none;
}

.randomimages .active {
	display: block;
}

.randomimages img {
	height: 100vh;
	height: 100svh;
	object-fit: cover;
	width: 100%;
}

.randomimages .startclaim {
	position: absolute;
	bottom: 20vh;
	font-size: 4rem;
	padding-left: var(--padder);
}

.randomimages .startclaim span {
	background-color: #fff;
	float: left;
	margin-bottom: 10px;
	padding: 0 20px;
	margin-top: 10px;
}

.randomimages .startclaim .firstline, .randomimages .startclaim .thirdline {
	padding-right: 0;
}

.randomimages .startclaim .thirdline {
	clear: left;
}

.startlink.random {
	position: absolute;
	background-color: var(--2ndclr);
	bottom: 0;
	right: 0;
	padding: 1rem 2rem;
	font-size: 0.8rem;
}

.startlink.random.grey {
	background-color: var(--3rdclr);
}

.startlink.random.social.grey {
	position: relative;
	width: max-content;
	float: right;
}

.startlink.random.newsslider {
	bottom: 0rem;
	position: relative;
	display: grid;
	width: max-content;
	float: right;
}

.startlink.random.eventslider {
	position: relative;
	width: max-content;
	float: right;
}

.startlink span a {
	text-decoration: none;
}

.startlink span a:hover {
	text-decoration: underline;
}

.startlink span::after {
	content: '';
	background-image: url(../images/pfeilrechts.svg);
	width: 20px;
	height: 20px;
	position: relative;
	float: right;
	background-size: 25px;
	background-repeat: no-repeat;
	margin-top: 0px;
}

.startlink.social span::after {
	content: '';
	background-image: none;
	width: 0;
}

.instalink, .fblink {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: -5px;
}

.fblink {
	background-image: url(../images/facebook.svg);
}

.instalink {
	background-image: url(../images/instagram.svg);
	margin-left: 15px;
}

@media (max-width: 1000px){
.startlink.random.eventslider {
	background: transparent;
}
}

@media (max-width: 1024px){
.randomimages .startclaim {
	font-size: 3rem;
	bottom: 7rem;
}
}

@media (max-width: 610px){
.randomimages .startclaim span {
	background-color: #fff;
	float: left;
	margin-bottom: 5px;
	padding: 0 15px;
	margin-top: 5px;
	clear: both;
	padding-right: 20px !important;
	font-size: 2rem;
}
}

@media (max-width: 480px){
.randomimages .startclaim span {
	background-color: #fff;
	float: left;
	margin-bottom: 5px;
	padding: 0 15px;
	margin-top: 5px;
	clear: both;
	padding-right: 20px !important;
	font-size: 2rem;
}

.startlink.random {
	position: relative;
	background-color: var(--2ndclr);
	padding: 1rem var(--padder);
	min-width: 100%;
}

}

/* Social Plugin */

.grid.social .slick-list {
	width: 100%;
}

.grid.social {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr;
	gap: 0rem;
}

.grid.social.second {
	grid-template-columns: 1fr 1.5fr 1fr;
}

.grid.social a {
	text-decoration: none;
	word-wrap: break-word;
}

.socialhover {
	padding: 1rem;
	background-color: #f2f2f2;
	display: block;
}

.socialhover:hover {
	z-index: 1 !important;
	background-color: #fff !important;
	box-shadow: 0px 0px 15px #00000029;
	position: relative;
}

.grid.social h4::before {
	content: 't';
	font-family: social;
	font-size: 30px;
	text-transform: none;
	float: left;
	margin-right: 10px;
	line-height: 1.3;
}

.grid.social .facebook h4::before, .grid.social .twitter.position6 h4::before {
	content: 'f';
}

.grid.social .instagram h4::before, .grid.social .twitter.position1 h4::before {
	content: 'l';
}

.grid.social .facebook {
	font-size: 0.8rem;
	padding-top: 4rem;
}

.grid.social.second .facebook {
	padding-top: 0;
}

/* .grid.social .facebook .text, .grid.social .twitter .text {
	max-height: 20ch;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.grid.social .twitter .text {
	max-height: 15ch;
}

*/

.grid.social .facebook .text, .grid.social .twitter .text {
	-webkit-line-clamp: 6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}



.social .facebook .text::after, .social .twitter .text::after {
	content: '\a0…';
}

.grid.social .twitter {
	font-size: 1.2rem;
	padding-top: 5vw;
}

.grid.social .innergrid .twitter {
	font-size: 1.1rem;
	padding-left: 2vw;
	padding-top: 1vw;
	padding-right: 3vw;
}

.grid.social.first .instagram {
	padding-right: 3vw;
}

.grid.social.second .instagram {
	padding: 3vw;
	padding-bottom: 0;
}

.grid.social.second .instagram.nopad {
	padding: 0;
}

.socialhover .btn {
	display: none;
}

.socialhover img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.twitter.position1 {
	max-width: calc(85% - 2rem);
	translate: 2vw -1vw;
}

.instagram.position2 {
	max-width: calc(100% - var(--padder));
}

.facebook.position3 {
	translate: var(--negpad);
	max-width: calc(100% - var(--padder));
}

.instagram.position4 {
	max-width: calc(100% - var(--padder) - var(--padder) - (var(--padder)));
}

.innergrid {
	translate: calc(var(--negpad) + var(--negpad) + (var(--negpad)));
	position: relative;
	margin-bottom: 10rem;
}

.facebook.position5 {
	translate: 0 -7rem;
}

.twitter.position6 {
	width: calc(100% + var(--padder)*5);
	position: absolute;
	translate: 0 -5rem;
}

.instagram.position7 {
	translate: 0vw -8vw;
}

/* .instagram.position7 {
	translate: -2rem -6rem;
	max-width: calc(100% - var(--padder) - var(--padder));
} */

@media (max-width: 1200px){
.facebook.position5 {
	translate: 0 -10rem;
}
.twitter.position6 {
	translate: 0 -10rem;
}	

.innergrid {
	margin-bottom: 5rem;
}

}

@media (max-width: 1000px){
	
.twitter.position1, .instagram.position2, .facebook.position3, .instagram.position4, .innergrid, .facebook.position5, .twitter.position6, .instagram.position7 {
	max-width: 100%;
	translate: 0;
	margin-bottom: 0;
	position: relative;	
	
}	

.instagram.position7, .twitter.position1 {
	translate: 0 0;
}

.grid.social {
	display: block;
	margin-bottom: calc(-1 * var(--padder));
}

.grid.social.first .facebook, .grid.social.first .twitter, .grid.social.first .instagram {
	padding:0!important;
}

.socialhover, .socialhover:hover {
	background-color: #fff !important;
	box-shadow: none;
	position: relative;
	border: 0.5rem solid var(--3rdclr);
	height: 100%;
	padding-bottom: 4rem;
}

.socialhover {
	display: grid;
}

.socialhover .btn {
	height: 37.5px;
	display: block;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}

.grid.social .twitter, .grid.social .facebook {
	font-size: 1rem;
}

.grid.social .text {
	font-size: 1rem;
	padding-bottom: 3rem;
}

.grid.social .slick-track
{
    display: flex !important;
}

.grid.social .slick-slide
{
    height: inherit !important;
}

.innergrid.slick-slide {
	display: grid;
	gap: 1rem;
}
}

@media (max-width: 810px){
.grid.social .text {
	font-size: 0.8rem;
}
}

@media (max-width: 600px){
	
.grid.social .text {
	font-size: 1rem;
}	

.grid.social.first .facebook, .grid.social.first .twitter, .grid.social .innergrid .twitter, .grid.social.first .instagram {
	font-size: 0.8rem;
}

.grid.social.first .twitter, .grid.social.first .facebook {
	font-size: 1.2rem;
}

.socialhover, .socialhover:hover {
	border: 0;
}

@media (max-width: 480px){
.socialhover, .socialhover:hover {
	border: 0 solid var(--3rdclr);
}	
}

/*.innergrid.slick-slide {
	display: none;
}
*/

}

@media (max-width: 810px){
	.grid.zweibilder, .grid.zweiergrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
}
}

/* Shop */

/* neueste Produkte Startseite */

.jshop_list_category.blog {
	background-color: var(--3rdclr);
}

.jshop_list_product .image_block {
	padding: 0;
	display: inline-block;
	min-height: auto;
}

.jshop_list_product .product .name {
	text-align: left;
	font-size: inherit;
	margin-bottom: 0;
}

.jshop_list_product .product .name a {
	text-decoration: none;
	font-size: 1.15rem;
}

#mxcpr, #mxcpr a {
	background-color: var(--3rdclr);
	color: var(--3rdclr);
}

.bgwhite #mxcpr, .bgwhite #mxcpr a {
	background-color: var(--2ndclr);
	color: var(--2ndclr);
}

.jshop_list_category .category, .jshop_list_manufacturer .manufacturer, .jshop_list_vendor .vendor {
	text-align: left;
}

.requiredtext {
	padding-bottom: 10px;
	color: var(--4thclr);
	font-size: 0.65rem;
	margin-top: 0.5rem;
}

/* Cart Modul und Suchbutton */

#jshop_module_cart {
	position: absolute;
	top: calc(var(--padder)/2);
	right: calc(300px + var(--padder) / 2);
	transition: ease-in-out 0.2s;
}

.closed #jshop_module_cart {
	right: calc(4rem + (var(--padder)/1.5));
	transition: ease-in-out 0.2s;
}

.iconbtn.cart, .iconbtn.search {
	display: inline-block;
	background-image: url(../images/warenkorb.svg);
	background-color: var(--4thclr);
	margin-right: 0rem;
	border: 0;
}

.iconbtn.cart {
	display: none;
}

.closed .iconbtn.cart {
	margin-right: 0;
}

.iconbtn.search {
	display: inline-block;
	background-image: url(../images/suche.svg);
	background-color: var(--2ndclr);
	margin-right: 0rem;
	margin-left: 0.75rem;
}

.closed .iconbtn.search {
	display: inline-block;
}

.prodcount {
	float: right;
	background-color: var(--2ndclr);
	border-radius: 1rem;
	padding: 0.25rem;
	line-height: 0.5;
	font-family: 'documenta-sans-regular-table';
	font-size: 0.65rem;
	margin-top: 0.05rem;
	margin-right: 0.15rem;
	box-shadow: 0px 0px 5px #00000029;
}

@media (max-width: 1400px){

#jshop_module_cart {
	position: absolute;
	right: calc(var(--padder) + 3rem);
	transition: ease-in-out 0.2s;
}

.iconbtn.search {
	display: inline-block;
}

.closed #jshop_module_cart {
	right: calc(var(--padder)/2 + 300px);
}

.closed .iconbtn.cart {
	margin-right: 0;
}
}

@media (max-width: 1280px){
	
#jshop_module_cart {
	top: var(--padder);
	right: calc(var(--padder) + 4rem);
}
}

@media (max-width: 810px){
.closed #jshop_module_cart {
	right: calc(var(--padder) + 3.75rem);
	z-index: 1;
}
}

@media (max-width: 600px){
.closed #jshop_module_cart {
	right: 5.25rem;
	z-index: 1;
}
}

@media (max-width: 600px){
#jshop_module_cart {
	right: calc(var(--padder) + 2.5rem);
}

.iconbtn.search {
	margin-left: -0.25rem;
	right: 1.25rem;
}

.closed #jshop_module_cart {
	right: 3.5rem;
	display: none;
}

.iconbtn.cart {
	position: fixed;
	bottom: var(--padder);
	right: var(--padder);
}

}

@media (max-width: 480px){

#jshop_module_cart {
	right: calc(var(--padder) + 1rem);
}	

.iconbtn.cart {
	right: calc(var(--padder) - 0.25rem);
}
	
.iconbtn.search {
	margin-left: -0.25rem;
	right: 1.5rem;
}
}

/* Übersicht */

.category_description {
	position: relative;
}

.jshop_list_product .block_product:hover {
	border-radius: 0;
	box-shadow: none;
}

.jshop_list_product .block_product {
	padding-bottom: 0;
	margin-bottom: 0;
}

.jshop_list_product .oiproduct div {
	display: block;
	text-align: left;
}

.jshop_list_product .jshop .not_available, .jshop_list_product .jshop .available {
	display: none;
}

.jshop_list_product .product .jshop_price {
	font-size: 1rem;
	text-align: left;
	color: var(--1stclr);
	margin-bottom: 1rem;
}

.jshop_list_product .product .description {
	display: block;
	font-size: .85rem;
}

.jshop_list_product .product .buttons {
	text-align: left;
}

.jshop_list_product .product .buttons a {
	margin-top: 0;
	margin-bottom: .5rem;
}

.btn.btn-primary.button_detail {
	display: none;
}

/* Detailseite */

.productfull .zweiergrid {
	gap: 4rem;
	grid-template-columns: 1fr 1fr;
}

.productfull .zweiergrid .image {
	max-height: 600px;
}

.productfull #block_price {
	font-size: 4rem;
	color: var(--1stclr);
	font-family: documenta-sans-regular-table;
}

.productfull .iconbtn.share-btn {
	margin-bottom: 2rem;
}

.productfull .buttons {
	padding-left: 0;
	display: inline-block;
}

.staticimage {
	position: sticky;
	top: var(--padder);
}

@media (max-width: 810px){

.staticimage {
	position: relative;
	top: 0;
}	
	
.productfull .zweiergrid {
	gap: 2rem;
	grid-template-columns: 1fr;
}

.productfull .zweiergrid div:nth-child(1) {
	grid-row: 2;
}

.productfull #block_price {
	font-size: 3rem;
}

}

/* Checkout */

table.jshop {
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	font-family: 'documenta-sans-regular-table';
	font-size: 0.85rem;
}

.container.address .container {
	padding-left: 0;
	padding-right: 0;
}

.prodname {
	text-decoration: none;
}

.cart .quantity .inputbox {
	width: auto;
	margin-bottom: 0px;
	background-color: #ededed;
	border-radius: 0;
	padding: 0.475rem 0.25rem;
	text-align: center;
	margin-right: 0.5rem;
	max-width: 3rem;
	font-size: 0.85rem;
}

.cart .cart_reload {
	border: 0;
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-image: url(../images/reload.svg);
	display: inline-block;
	background-size: cover;
	translate: -0.25rem 0.25rem;
}

.remove .data {
	text-align: center;
	font-family: amatiksymbols;
}

.remove .data .remove {
	background-image: url(../images/muell.svg);
	width: 20px;
	height: 20px;
	color: transparent;
	display: block;
	margin: auto;
}

#jshop_menu_order_no {
	gap: 0;
}

.jshop_order_step {
	padding: 0.5rem 1rem;
	text-align: center;
	background-color: var(--3rdclr);
	color: var(--1stclr);
	opacity: 1;
	background-image: url(../images/shop-arrow-white.svg);
	background-repeat: no-repeat;
}

.jshop_order_step:first-child {
	background-image: none;
}

.jshop_order_step.active {
	color: var(--1stclr);
	background-color: var(--3rdclr);
	opacity: 1;
}

#active_step {
	font-weight: normal;
	text-decoration: underline;
}

.jshop_order_step a {
	text-decoration: underline;
	color: var(--1stclr);
}

.jshop.cart_buttons .btn {
	margin-right: 0;
}
@media (max-width: 810px){
.jshop_order_step {
	display: none;
	background-image: none;
}

.remove .data .remove {
	margin: 0;
}

.jshop_order_step.active {
	display: block;
}

}

@media (max-width: 600px){
	.cart_buttons .justify-content-between {
	display: block !important;
}
}

/* Tabelle */

.cart th {
	text-align: left;
	background-color: transparent;
	color: var(--1stclr);
	border: 0px solid #eee;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.65rem;
	letter-spacing: 0.15em;
	padding: 0.5rem;
}

.cart th.quantity {
	width: 20%;
}

.cart th.product_name {
	padding-left: 0.5rem;
}

.jshop_img_description_center {
	padding-left: 0 !important;
}

.cart .inputbox {
	background-color: transparent;
	border: 0px solid #ced4da;
	color: var(--1stclr);
}

.cart th.remove, .cart th.remove_to_cart {
	text-align: center;
}

.cart .jshop_img {
	max-width: 8rem;
}

.cart td {
	text-align: left;
	border: 0px solid #eee;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

table.jshop td {
	vertical-align: middle;
	color: var(--1stclr) !important;
	font-weight: normal;
	padding-left: 0.5rem;
}

.jshop_prod_cart {
	border-top: 1px solid;
}

.total_price {
	text-align: right !important;
	padding-right: 0 !important;
}

.jshop .total {
	font-weight: normal;
	width: auto;
	border-top: 1px solid;
	float: right;
	padding-top: 1rem;
}

@media (max-width: 767px) {
	
.jshop_prod_cart {
	border-top: 0px solid;
}	
	
.jshop.cart tr {
	display: block;
	width: 100%;
	color: var(--1stclr);
	margin-bottom: 2rem;
	border-bottom: 1px solid var(--1stclr);
	padding-bottom: 1rem;
}	

.jshop.cart tr td {
	display: block;
	border: none;
	padding: 0;
	text-align: left;
	padding-bottom: 0.25rem;
}
	
.jshop.cart tr td .data {
	text-align: left;
}

.cart .jshop_img {
	max-width: 100%;
}

.cart .product_name .prodname {
	font-size: inherit;
}

.cart .single_price .price {
	font-size: inherit;
	color: inherit;
}

.jshop .total {
	font-weight: normal;
	width: 100%;
	border-top: 0px solid;
	float: left;
	padding-top: 1rem;
	margin-top: -2rem;
}

.jshop_subtotal .name {
	padding-right: 10px;
	text-align: left;
	width: auto;
	padding-left: 0;
}

.jshop_subtotal .value {
	text-align: left;
	white-space: nowrap;
	width: auto;
}
	
}

@media (max-width: 600px) {

.jshop.cart_buttons .btn {
	margin-right: 0;
	width: 210px;
}

}

/* Adresse */

.jshop.address_block .input.form-control {
	background: #f2f2f2 !important;
	border: solid #12577D 0px !important;
	border-radius: 5rem !important;
	color: #12577D !important;
	margin-bottom: 1rem !important;
	text-align: left;
	padding: 0.5rem 1rem;
	font-size: 0.85rem;
	max-width: 400px;
}

.form-control-feedback {
	font-size: 0.65rem;
}

.jshop.address_block .inputbox {
	width: 100% !important;
	max-width: 400px;
	border: 0;
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
	background: #f2f2f2 !important;
	color: #12577D !important;
	font-style: normal;
	font-family: documenta-sans-regular;
	border-radius: 5rem !important;
	font-size: 0.85rem;
}

.jshop.address_block .inputbox::after {
	background-image: url(../images/pfeilunten.svg);
	content: '';
}

.jshop.address_block .control-label.name label {
	display: none;
}

.jshop.address_block .control-label.name label[for="country"], .jshop.address_block .control-label.name label[for="d_country"] {
	display: none;
}

.jshop.address_block .control-label.name label[for="extra_checkbox"] {
	display: block;
}

.control-group.other_delivery_adress {
	margin-top: var(--padder);
}

#div_delivery.jshop_register {
	padding-bottom: 0px;
	margin-top: calc(.5* var(--padder));
}

.fielderror {
	background-color: #FDC055 !important;
	padding: .5rem;
}

/* Zusammenfassung */

.pfinish_comment_block {
	width: 100%;
	max-width: 62ch;
	margin: 0;
}

.pfinish_comment_block .name {
	text-align: left;
	margin-bottom: 0.5rem;
}

.pfinish_comment_block #order_add_info {
	height: 10rem;
	width: 100%;
	max-width: 50ch;
	margin-bottom: 1rem;
}

a.policy {
	text-transform: none;
	color: var(--1stclr);
	font-weight: normal;
}

.pfinish_comment_block .box_button {
	text-align: left;
	margin-top: 0;
}

/* Shop Suche */ 

.pagination_result_counter {
	padding-bottom: var(--padder);
}

/* Newsletter */

/* Übersicht */

.content-categorybgwhite {
	max-width: 1920px;
	padding: var(--padder);
}

.content-categorybgwhite .table > :not(:first-child) {
	border-top: 0px solid currentColor;
}

.content-categorybgwhite .table > :not(caption) > * > * {
	padding: .5rem .5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: none;
}

.content-categorybgwhite .table-bordered > :not(caption) > * > * {
	border-width: 0 0px;
}

.content-categorybgwhite .list-title {
	font-weight: normal;
}

/* Details */

.newsletter {
	max-width: 600px;
	margin: auto;
	margin-top: 10em;
	border: 1px solid #000;
	background-color: var(--3rdclr);
}

.newsletter .clearblock {
	padding-bottom: var(--padder);
	padding-top: var(--padder);
}

.nlanrede, .nlzusatz, .nlinhalt, .nlevents {
	padding: calc(0.75 * var(--padder)) calc(0.75 * var(--padder));
}

.nlanrede {
	background-color: var(--3rdclr);
}

.nlanrede.weiss {
	background-color: var(--2ndclr);
	max-width: calc(100% - 0.75 * var(--padder));
	margin-right: 0;
	margin-left: auto;
	padding-bottom: 0;
}

.nlzusatz {
	max-width: calc(100% - 0.75 * var(--padder));
	margin-right: 0;
	margin-left: auto;
	background-color: var(--2ndclr);
}

.nlzusatz h1 {
	font-size: 2rem;
}

.nlevents {
	background-color: var(--2ndclr);
}

.nlhead {
	font-size: 2.1875rem;
	margin-bottom: 2rem;
}

.nleventblock {
	display: grid;
	grid-template-columns: .5fr 1fr;
	gap: calc(0.5 * var(--padder));
}

.nleventblock h2 {
	font-size: 1.5rem;
}

@media (max-width: 600px){

.nleventblock {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.nlzusatz h1 {
	font-size: 1.5rem;
}

.nlanrede, .nlzusatz, .nlinhalt, .nlevents {
	padding: calc(1.5 * var(--padder)) calc(1 * var(--padder));
}	

.nlhead {
	font-size: 1.1875rem;
	margin-bottom: 1.5rem;
}

.nleventblock h2 {
	font-size: 1.25rem;
}
	
}

/* Carousells */

.carousel0, .carousel1, .carousel12, .carousel3 {
	padding: 0;
	max-width: 100%;
	margin: auto;
	z-index: 0;
	position: relative;
	width: 100%;
	background-color: var(--3rdclr);
}

.blog-items.carousel3 {
	display: flex;
}

.blog-items.carousel3 .block_item {
	margin-left: 1rem;
	margin-right: 1rem;
}

.container.prevnext {
	position: absolute;
	top: 50%;
	max-width: 100%;
}

.prevbtn.slick-arrow {
	float: left;
}

.nextbtn.slick-arrow {
	float: right;
}

@media (max-width: 810px){
	
.container.prevnext.first, .container.prevnext.second {
	top: 25%;
}
}	

@media (max-width: 480px){
	
.nextbtn.slick-arrow {
	translate: calc(var(--padder)/2);
}

.prevbtn.slick-arrow {
	translate: calc(var(--negpad)/2);
}

}

/* Pagination */

.pagination {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(2.3rem, max-content));
	justify-content: center;
	grid-gap: 0rem;
	max-width: calc(100vw - var(--padder) - var(--padder));
	font-family: documenta-sans-regular-table;
}

.page-link {
	padding: 0;
}

.page-item {
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}

.page-item.disabled .page-link {
	color: var(--1stclr);
	pointer-events: none;
	background-color: transparent;
	border-color: transparent;
	opacity: 0.5;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-link {
	color: var(--1stclr);
}

.page-link {
	position: relative;
	display: block;
	color: var(--1stclr);
	text-decoration: none;
	background-color: transparent;
	border: 0px solid #dee2e6;
}

.page-link:hover {
	z-index: 0;
	color: var(--2ndclr);
	background-color: var(--1stclr);
	border-color: var(--1stclr);
}

.page-item.active .page-link {
	z-index: 0;
	color: var(--2ndclr);
	background-color: var(--1stclr);
	border-color: var(--1stclr);
}

main .pagination li::before {
	content: '';
	display: none;
}

.icon-angle-double-left::before {
	content: '«';
}

.icon-angle-left::before {
	content: '‹';
}

.icon-angle-double-right::before {
	content: '»';
}

.icon-angle-right::before {
	content: '›';
}

.com-content-category-blog__navigation {
	display: grid;
	justify-content: center;
	text-align: center;
}

.com-content-category-blog__counter.counter.float-end.pt-3.pe-2 {
	padding: 0;
	padding-right: 0 !important;
	padding-bottom: .5rem;
	padding-top: 2rem !important;
	max-width: 100%;
}

@media (max-width: 810px){
	
.pagination .page-item {
	display: none;
}	

.pagination .page-item:last-child,
.pagination .page-item:nth-last-child(2),
.pagination .page-item:first-child,
.pagination .page-item:nth-child(2),
.pagination .disabled.page-item {
	display: block;
}
	
.pagenavigation .icon-chevron-left, .pagenavigation .icon-chevron-right {
	width: 20px;
	height: 20px;
	margin-top: 3px;
}

}


/* Footer */

footer {
	background-color: var(--3rdclr);
	margin-top: 0rem;
	padding: 4rem 0 0 0;
	font-size: 0.9rem;
}

footer .bordertop {
	border-top: 1px solid var(--1stclr);
	padding: 3rem 0 0 0;
}

footer .clearblock.medium {
	height: 3rem;
}

footer p {
	font-size: 0.8rem !important;
}

footer .claim:nth-child(2) h4:last-of-type {
	margin-top: 1rem;
}

/* Footer Menü */

.footernav li {
	width: auto;
	text-align: left;
}

.footernav .nav-item.divider {
	padding: 0 .25rem !important;
	font-size: 0.7rem;
	line-height: 2.2;
}

.footernav a {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-decoration: none;
}

.footernav a:hover {
	text-decoration: underline;
}

footer .navbar, footer .navbar .nav {
	width: 100%;
}

footer .navbar div {
	width: 100%;
}

footer .navbar a {
	margin-left: 0;
	font-size:  0.7rem;
}

/* Footer Logo */

.footerlogo {
	text-align: right;
}

.footerlogo img {
	max-width: 300px;
	margin-top: 0.3rem;
	width: 100%;
	float: right;
}

/* Footer Social */

footer .instalink, footer .fblink, footer .twitterlink {
	margin-left: 0;
	margin-right: .5rem;
	width: 1.25rem;
	height: 1.25rem;
	margin-bottom: 1.09rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.instalink {
	background-image: url(../images/instagram.svg);
}

.fblink {
	background-image: url(../images/facebook.svg);
}

.twitterlink {
	background-image: url(../images/twitter.svg);
}

@media (max-width: 810px){
footer {
	margin-top: 0rem;
	padding-top: 2.5rem;
}

footer .row > * {
	margin-bottom: 1rem;
}	

.row.footer-grid {
	grid-template-columns: 1fr;
}

footer .row .col-md-1 {
	margin-bottom: 0;
}

footer .row .col-md-3 {
	margin-bottom: 2rem;
}

footer .col-md-3.claim {
	font-weight: bold;
}

footer .row .col-md-3.socialbuttons {
	margin-bottom: 0;
}
	
footer .footerlogo {
	text-align: center;
}

footer .col-md-4.copyright {
	order: 1;
	margin-top: 2rem;
}
}

/* Cookie Hinweis */

#redim-cookiehint-modal {
	padding: var(--padder);
}

#redim-cookiehint {
	background-color: #fff;
	text-align: left;
	color: var(--1stclr);
	max-height: 90vh;
	overflow-y: auto;
	padding: var(--padder);
}

.cookiecontent p {
	font-size: 0.9rem;
}

#redim-cookiehint .cookiecontent {
	font-size: inherit;
	line-height: inherit;
	display: block;
}

#redim-cookiehint .cookiebuttons .btn:hover {
	background-color: transparent !important;
	color: var(--1stclr) !important;
}

#redim-cookiehint .cookiebuttons .btn {
	background-color: var(--1stclr) !important;
	color: var(--2ndclr) !important;
}

#redim-cookiehint .cookiebuttons .btn {
	padding: 0.475rem 1.85rem !important;
	border-radius: 0px !important;
	font-size: 0.55rem;
	line-height: inherit;
	cursor: pointer;
	margin-bottom: 1rem;
}

#redim-cookiehint .cookiebuttons #cookiehintsubmitno {
	background: transparent !important;
	color: var(--1stclr) !important;
}

#redim-cookiehint .cookiebuttons {
	display: block;
	padding: 0;
	margin-top: 1.75rem;
}

#cookiehintinfo {
	margin-top: 1rem;
	display: block;
}

#cookiehintinfo.text-center {
	text-align: left!important;
}

#redim-cookiehint, #redim-cookiehint a {
	color: var(--1stclr);
}

/* Cookie */

.iconbtn.cookiereveal {
	position: fixed;
	bottom: 0.75rem;
	left: calc(var(--padder)* 0.85);
	background-image: url(../images/fingerprint.svg);
	scale: 0.75;
	transform-origin: center;
}

.iconbtn.cookiereveal.hideanim, .moduletable.sidestoerer.hideanim {	
	animation: hideanim 1s ease forwards;
	animation-iteration-count: 1;
	display: block;
}

.iconbtn.cookiereveal.showanim, .moduletable.sidestoerer.showanim {	
	animation: showanim 1s ease forwards;
	animation-iteration-count: 1;
	display: block;
}	

@keyframes hideanim {
  0%   {opacity: 1;translate: 0;}
  50%   {opacity: 0;translate: 0;}
  60%  {translate: -99999px;}
  100%  {translate: -99999px;}
}

@keyframes showanim {
  0%   {opacity: 0;translate: -99999px;}
  1%  {opacity: 0;translate: 0;}
  2%   {opacity: 0;translate: 0;}
  52%  {opacity: 1;translate: 0;}
  100%  {opacity: 1;translate: 0;}
}