@charset "UTF-8";
/* CSS Document */

/* --------------------------- global --------------------------- */

/* ----- Fonts --------*/

/* quattrocento-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quattrocento-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/quattrocento-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-regular.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}

/* quattrocento-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/quattrocento-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/quattrocento-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-italic.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}

/* quattrocento-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quattrocento-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/quattrocento-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-700.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}

/* quattrocento-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/quattrocento-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/quattrocento-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-sans-v18-latin-700italic.svg#QuattrocentoSans') format('svg'); /* Legacy iOS */
}



body {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
}

.margin-top-1 {
    margin-top:1em;
}

.margin-top-2 {
    margin-top:2em;
}

.margin-right-1 {
    margin-right:1em;
}

.margin-right-2 {
    margin-right:2em;
}

.margin-left-1 {
    margin-left:1em;
}

.margin-left-2 {
    margin-left:2em;
}

.margin-top-3 {
    margin-top:3em;
}

.margin-bottom-1 {
    margin-bottom:1em;
}

.margin-bottom-2 {
    margin-bottom:2em;
}

.margin-bottom-3 {
    margin-bottom:3em;
}

.padding-top-1 {
    padding-top:1em;
}

.padding-top-2 {
    padding-top:2em;
}

.padding-top-3 {
    padding-top:3em;
}

.padding-bottom-1 {
    padding-bottom:1em;
}

.padding-bottom-2 {
    padding-bottom:2em;
}

.padding-bottom-3 {
    padding-bottom:3em;
}

p {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  font-size:1.25rem
}

strong {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
}

.bold {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
}

.grid-container {
	max-width: 90em;
}

a {
color:#000;
}

a:link, a:visited {
color:#000;
}

a:hover {
color:#8a8ac4;
}

a:active {
color:#000;
}


/* Künstlernachlässe Kassel e.V. --- above-nav --- */

.kuenstlernachlaesse {
    background:#FFF;
    }

.kuenstlernachlaesse p {
    font-size: 2.3rem;
    margin-top: 3.75rem;
    letter-spacing: 2px;
    line-height: 0.65em;
    text-indent:-3px
}

.smallcaps {
    font-size:120%;
}

.logoline1 hr {
background:#Fee817;
border: 0;
margin: 0;
height: 10px;
max-width: 100%;
}

.title-bar {
    padding: 1.75rem 2rem 2rem 2rem;
    background: #FFF;
    color: #000;
}

.off-canvas {
    background: #767693;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
   .kuenstlernachlaesse p {
    font-size: 1rem;
    margin-top: 1.5rem;
    letter-spacing: 0px;
  text-indent:0px
}

.logoline1 hr {
    height:4px
}

    
.title-bar {
    padding: 0.85rem 1rem 1rem 1rem;
    background: #FFF;
    color: #000;
}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
   .kuenstlernachlaesse p {
    font-size: 1.75rem;
    margin-top: 2rem;
    letter-spacing: 2px;
}

.logoline1 hr {
    height:6px
}

.title-bar {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
    background: #FFF;
    color: #000;
}
}

a.topheadinglogo:hover {
    color:#000;
}

/* Orbit Slideshow */

.orbit-caption {
  position: static;
  width: 100%;
  padding: 1rem;
  background-color: #FFF;
  color: #888;
  text-align: right;
  margin: 0;
}

@media screen and (max-width: 39.9375em) {
.orbit-previous, .orbit-next {
    top:38%
}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em)  {
.orbit-previous, .orbit-next {
    top:44%
}
}

@media screen and (min-width: 64em) {
.orbit-previous, .orbit-next {
    top:48%
}
}

/* inside Article Body*/

.article-body a {
color:#8a8ac4;
font-weight: bold;
}

.article-body a:link, .article-body a:visited{
color:#8a8ac4;
font-weight: bold;
}

.article-body a:hover {
color:#000;
font-weight: bold;
}

.article-body a:active {
color:#000;
}

.article-body ul {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  font-size:1.25rem
}

figcaption {
    margin: 0.5em 0 0.5em 1.125em;
    font-weight: 400;
    font-size: 1rem;
    color: #888;
}

.com-content-article.item-page figcaption {
    margin: 0.5em 0 2em 1.125em;
    font-weight: 400;
    font-size: 1rem;
    color: #888;
    text-align: right; 
}

/* inside Article Body*/

.article-body a.button:link, .article-body a.button:visited{
color:#FFF;
font-weight: normal;
}

a.button, .button {
    background-color: #8a8ac4;
    color: #FFF;	
    font-size: 1.25rem;
    font-weight:400;
    margin: 1.25em 0;
}

a.button:hover, .button:hover {
    background-color: #61619b;
    color: #FFF;	
}

/*
h1 {
  font-family: 'Quattrocento Sans';
  font-style: normal;
    font-size: 1.875rem;
	font-weight: 400;
	color: #8989c3;
    margin-bottom:0.5em;
}*/

/* Änderung am 03.06.2025 */
h1, p.heading {
    font-family: 'Quattrocento Sans', sans-serif;
    font-style: normal;
    font-size: 1.875rem;
    font-weight: 400;
    color: #110e16;
    margin-bottom: 0.5em;
    position: relative;
    display: inline-block; /* wichtig für das Pseudo-Element */
    width:100%;
    border-bottom:10px solid #Fee817
}
/*
h1::first-letter {
    position: relative;
    z-index: 1;
    background-color: #f9e809;
    padding: 0.1em 0.2em; 
    border-radius: 0.1em;  
    display: inline-block; 
}
*/
@media screen and (min-width: 40em) {
   /*h1 {
  font-family: 'Quattrocento Sans';
  font-style: normal;
    font-size: 2.75rem;
	font-weight: 400;
	color: #8989c3;
    margin-bottom:0.5em;
}*/ 
h1, p.heading {
    font-size: 2.75rem;
}
}

h1 a:link, h1 a:visited, p.h1 a:link, p.h1 a:visited {
color:#8989c3;
}

h1 a:hover, p.h1 a:hover {
color:#000;
}

h2 {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-size: 1.875rem;
    font-weight: 400;
	color: #000;
    margin-bottom:0.75em;
}

h3 {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-size: 1.375rem;
    font-weight: 400;
    color: #8a8ac4!important;
    margin:1.25em 0 0.5em 0;
}

h3.newsflash-title {
    margin:0em 0 0.5em 0;
}

@media screen and (min-width: 40em) {
    h3 {
        font-size: 1.875rem;
        font-weight: 400;
    } 
}

div.button.partner {
	margin:2em 0 0 0;
}

div.button.partner a {
	color: #FFF;	
}

div.button.partner a:hover, div.button.partner a:focus {
    color: #FFF;
}



/* --------------------------- menu global --------------------------- */

.buttonbox {
    padding:1em 0;
}

.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  box-shadow: 0 8px 0 #000, 0 16px 0 #000;
  content: '';
}

.menu a, .menu a:link, .menu a:visited {
line-height:1.5;
color:#FFF;
font-size: 1.25rem;
font-weight:400;
}

.menu a:hover {
color:#000;
}

.menu .active > a {
	color: #000;
    background: transparent;
}

.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #000; }

.is-accordion-submenu-parent > a::after {
    border-color: #dbdbdb transparent transparent;
}

/* --------------------------- top bar --------------------------- */

.sticky.is-anchored {
    z-index: 5;
}


.show-for-large.sticky-container, .top-bar {
    border-bottom:1px solid #FFF
}

.show-for-large.sticky-container, .top-bar, .top-bar ul {
    background-color: #8a8ac4;
}

.sticky.is-at-top.is-stuck .top-bar, .sticky.is-at-top.is-stuck .top-bar ul {
    background-color: #FFF;
}

div.logo-sticky {
	display: none;
}

.top-bar-right {
	margin-right:1em;
}

.foundlogobox {
    padding:0!important;
    margin:0;
}

li.foundlogobox a {
    padding:0.7em 1em 0.7em 0.1875em!important;
}


@media screen and (min-width: 40em) and (max-width: 45em) {
	div.logo-sticky {
	display: inherit;
}
	li.menu-text.foundlogobox {
	display:none
	}
	.top-bar-right {
    margin-right: 1em;
}
}

.logo-claim {
	display:none;
}

@media screen and (min-width: 64.0625em) {
	.logo-claim {
	display:inherit;
}
}

.foundlogo {
    margin-left:0;
}

.logo-claim {
	color: #FFF;
	font-size: 1.875rem;
    font-weight:400;
    margin-top:1.125em;
} 

.claimtext p {
    font-size:1rem;
    font-weight:400;
    margin-top:0.5em
}

/*div.sticky.is-at-top.is-stuck {
	border-bottom:1px solid #000;
    background: #FFF;
	opacity: 0.8;
    
}*/

div.sticky.is-at-top.is-stuck .buttonbox {
  display: inline-block;
  min-width: 2.1em;
  padding: 1.75em 1.3em 1.75em 1.2em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #FFF;
    border:1px solid #ccc;
  margin-top:2rem;
/*    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.58);
-webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.58);
-moz-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.58);*/
}

div.sticky.is-at-top.is-stuck .top-bar-right {
	margin:1em;
}

div.sticky.is-at-top.is-stuck li.menu-text .logo-claim {
	display: none;
}

div.sticky.is-at-top.is-stuck li.menu-text a img.foundlogo {
	display: none !important;
}

div.sticky.is-at-top.is-stuck li.menu-text div.logo-sticky {
	display:inherit;
}

div.sticky.is-at-top.is-stuck .top-bar.show-for-medium .show-for-medium-only {
   display: none;
}

div.sticky.is-at-top.is-stuck .menu a, div.sticky.is-at-top.is-stuck .menu a:link, div.sticky.is-at-top.is-stuck .menu a:visited {
line-height:1.5;
color:#000;
font-size: 1.25rem;
fotn-weight:400;
}

div.sticky.is-at-top.is-stuck .menu a:hover {
color:#8a8ac4;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #FFF transparent transparent;
}

.dropdown.menu .is-active > a {
  color: #8a8ac4; 
}

.is-dropdown-submenu {
  border: 1px solid #FFF;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border-color: transparent #FFF transparent transparent; 
}

  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #FFF; 
}

.title-bar.hide-for-medium {
    margin-bottom: 0em;
}

.mainrow {
    margin-top:3em
}

.aktuelles-und-vorschau .mainrow, .mainrow .rueckblick, .medien .mainrow {
    min-height:50em;
}



/* --------------------------- side-bar --------------------------- */

.menu .is-active > a {
    background: #FFF;
    color: #8a8ac4;

}

/* --------------------------- top --------------------------- */


.hero {
	background-color:#FFF;
}



/*section.myrow {
    max-width: 90em;;
	}*/



/* --------------------------- hwbox --------------------------- */
/*

.hwbox {
    margin-top:3em;
}

.hwbox h1 {
	font-size: 3rem;
	font-weight: 200;
	color: #000;
}

.hwbox h2 {
    font-size: 2.0rem;
	color: #999;
}

.hwbox p {
    padding:1.85em 3em;
    font-size: 1.25rem;
	color: #000;
}
*/
/* --------------------------- above-row --------------------------- */

.above-row {
    padding:0.25em 0 3em 0;
    background-color:#FFF;
    margin:3em 0em 3em 0em;
}

.margin-bottom {
     margin-bottom:6em;   
}

.margin-bottom-3 {
     margin-bottom:3em;   
}

/* --------------------------- above-content-two-grey und above-content-four-grey, above-content-six-grey Parallax Background Image--------------------------- */


.above-content-two-grey {
    margin:3em 0 0 0;
    background-color:#e1e1ee;
    padding:6em 0 4em 0;
}

.parallax img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: 400px;
object-fit: cover;
width: 100%;
}

.parallax01 img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: 200px;
object-fit:contain;
width: 100%;
}

.above-content-four-grey, .above-content-six-grey { 
    height: 600px; 
    background-image: url(../images/parallax-2.jpg);
    background-position: top center;
    background-attachment: scroll;
    background-color:#FFF;
}

.parallax01 { 
    margin: 2em 0 0em 0;
    height: 200px; 
    background-image: url(https://dummyimage.com/1920x200/000/fff);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment:scroll;
}

.above-content-six-grey { 
    background-image: url(../images/parallax-kontakt.jpg);
}


@media (min-width: 1025px) {
    .above-content-four-grey, .above-content-six-grey { 
        background-repeat: no-repeat;
        background-size:cover;
        background-attachment:fixed;
    }
}

/* --------------------------- above-content-five-grey, above-content-seven-grey  --------------------------- */ 
.above-content-five-grey .grid-container, .above-content-seven-grey .grid-container, .parallax01caption .grid-container {
    max-width:100%
}

.above-content-five-grey .grid-container p.caption.parallax, .above-content-seven-grey .grid-container p.caption.parallax, .parallax01caption .grid-container p.caption.parallax  {
    font-weight: 400;
    font-size: 1rem;
    color: #888;
    margin-top:1em
}
/* --------------------------- above-content-three-white --------------------------- */

.above-content-three-white {
	padding:3em 0;
    background-color:#FFF;
}

.greybg {
    margin-bottom:2em;
}

.greybg a {
    display: block;
    width: 100%
}

.greybg a p {
    background-color: #efefef;
    padding:1em 0;
}

.border-bottom {
    border-bottom:1px dotted #999;
}

.item-image-intro {
    margin-bottom:2em;
}



/* --------------------------- Card --------------------------- */

.card {
    margin-bottom:2em;
}
.card .item-image-intro {
    margin-bottom:0em;
}

.card p.podcastheading {
    font-size:1rem;
}

.card .card-section .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0em;
}

.card .card-section p {
    font-size:1rem; 
    font-weight:400;
    margin-bottom: 0.4em;
}


div.card:hover {
-webkit-box-shadow: 0px -1px 10px 0px rgba(50, 50, 50, 0.37);
-moz-box-shadow: 0px -1px 10px 0px rgba(50, 50, 50, 0.37);
box-shadow: 0px -1px 10px 0px rgba(50, 50, 50, 0.37);
}

/* --------------------------- above-content Katergorie Modul --------------------------- */

/*.above-content {
	margin-top:3em;
}

.moduletable.catstart {
	padding:0 3.2em 3em 3.2em;
	border-bottom:1px dashed #ccc;
} 


.headingdivider {
	font-size: 3.5rem;
	font-weight: 200;
	color: #000;
}

p.lead.text-center {
    padding:0 3rem;
}


.catstart a:link, .catstart a:visited, .catstart a:hover, .catstart a:focus, .catstart a:active  {
	color: #000;
}

.catstart a:hover {
	color: #76b82a;
}


.catstart h1.modcat {
	font-size:2em;
}

.catstart h2.modcat {
	font-size:1em;
}

div.modsubcat div.cell.medium-6.large-3 {
	
}*/


/* --------------------------- below-content --------------------------- */
.below-content {
	padding:2.5em 0;
}


/* --------------------------- footer - below-row --------------------------- */

.moduletable.footerlogo {

}
  
.below-row .kvv {
	margin:3em 0 6em 0;
	}

.kooperation {
/*border-top: 1px solid #ccc;*/
margin-top: 6em;
padding-top: 3em;
    }

/*	

.actioncall {
	font-size: 3.5em;
	font-weight: 400;
	color: #FFF;
	margin:0
}

a.actionphone:link, a.actionphone:visited, a.actionphone:hover, a.actionphone:focus, a.actionphone:active  {
	font-size: 3.5em;
	font-weight: bold;
	color: #FFF;
}

a.actionbutton.button {
    margin-top:1.2em;
	background-color: transparent;
    color: #FFF;	
	border:1px solid #FFF;
	font-size: 1.3em;
	font-weight: bold;
}

.actionbutton.button:hover, .actionbutton.button:focus {
    background-color: #FFF;
	color: #4d3821;
}*/

/* --------------------------- footer - bottom --------------------------- */

/* ------------- bottom row ---------*/

.bottom-row {
  margin-top:3em;
  background-color: #e1e1ee;
  padding: 3em 0;
}

.start .bottom-row {
  margin-top:0em;
}


.bottom-row h3 {
	font-size:1.5em;
	margin-top:0.25em;
    color:#FFF;
    font-weight: 400;
}

h5.footerheader {
    color:#000;
    font-size: 1.875rem;
    font-weight: 400;
}

p.footerp {
    font-size:1rem!important;
}

.anschrift {
    margin-top: 0.875em;
}

.eintritt {
    margin-bottom: 1.75em;
}


.bottom-row p {
	font-size:1.25em;
	 color:#000;
    font-weight: 400;
}

.bottom-row tbody {
    background:transparent;
    border:0px;
    color:#000;
    font-size: 1.25rem;
    font-weight:400;
}

.bottom-row tbody td {
    padding: 0rem 0.625rem 0.1425rem 0rem;
}

.bottom-row table tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color:transparent;
}

/*
.hsflex {
	color:#76b82a;
	font-weight: bold;
	font-style: italic;
	margin-right:0.5em;
}
*/

.fonfax {
	width:4.5em;
	display: inline-block
}

.divider {
	padding-right:0.5em;
}


.bottom-row a:link, .bottom-row a:visited, .bottom-row a:focus, .bottom-row a:active  {
	color: #000;
}

.bottom-row a:hover {
    color:#8a8ac4;;
}

/* --------------------------- footer  --------------------------- */

.footer-row {
	background-color: #FFF;
	padding:1.5em 0;
}

.footbox {
    margin-top:1em;
}

.menufooter a:link, .menufooter a:visited, .menufooter a:hover, .menufooter a:focus, .menufooter a:active {
	color: #666;
}

.menufooter a:hover {
	color: #000;
}

.logofooterbox {
    margin-bottom:1em;
}

ul.nav.vertical.medium-horizontal.menu.show-for-small-only li a {
  padding: 0.5rem 0rem;
}


/* --------------------------------------------------------------------------------- Unterseiten und Funktionen  --------------------------------------------------------------------------------- */ 

/* --------------------------- Blog Kategorie 1.Level  --------------------------- */
/*
.foundoutbox {
	margin-bottom:3em;
}

.foundoutbox h2 {
	margin:0 0.9375rem;
	border-bottom:1px solid #CCC;
	}

.foundoutbox .textbox {
	padding-bottom:2em;
	border-bottom:1px dotted #ccc;
}

.foundoutbox .category-desc {
	margin:2em 0.9375em 2em 0.9375em;
}

a.bloghover {
	display: inline-block;
	max-width: 100%;
	border: solid 4px #fefefe;
	border-radius: 0;
	box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
	line-height: 0;
    transition: box-shadow 200ms ease-out;
	width:100%;
	padding:1em 0;
	margin:0 0 1.9375rem 0;
}

a.bloghover:hover, a.bloghover:focus {
    box-shadow: 0 0 6px 1px rgba(51, 51, 51, 0.3);
}*/

/* --------------------------- Blog Kategorie 2.Level  --------------------------- */
/*
.first {
	margin-top:0.125em;
}

.subcat {
	padding:2em 0;
	margin:0 0 2em 0;
}*/

/* --------------------------- Blog Kategorie 3.Level Anfrage stellen  --------------------------- */
/*
.cck_form {
width:29% !important;	
}

#cck1r_datenschutz_kontakt {
	display:block;
	width:100%;
	height:auto;
	
}

.cck_form.cck_form_freetext {
	display:block;
	width:100% !important;
	height:auto;
}

*/
/* --------------------------- Besucherinfos  --------------------------- */

.besucherinfobox {
    margin-top:3em;
    border-top:1px dotted #999;
    padding-top:4em;
    padding-bottom:3em;
}

.besuchermore {
    margin-top:3em;
}

/* --------------------------- Kontaktseite  --------------------------- */

/*#map {
    position: relative;
    overflow: hidden;
    height: 419px;
}

#jform_captcha-lbl, #jform_com_fields_datenschutz-lbl {
    display:none;
}

.vcard {
	border-top: 1px dotted #ccc;
	margin:2em 0;
}


.vcard a {
    margin-top:1.2em;
    margin-right:1em;
}

#jform_com_fields_datenschutz0 {
	margin:1em 0.5em 0 0;
}

.form-actions {
	margin-bottom:3em;
}

.found6contact .headingdivider {
    display: none;
}

.found6contact .thumbnail.pull-right {
    display: none
}


.title-bar-title {
    display: none;
}

#found-mobile-menu .menu-icon::after {
    background: #FFF;
    box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF;
 }

#found-mobile-menu .menu a, #found-mobile-menu .menu a:link, #found-mobile-menu .menu a:visited {
color:#000;
}

#found-mobile-menu .menu a:hover {
color:#8a8ac4;
}

#found-mobile-menu .menu .active > a {
color: #000;
}


	
.hssearchbox {
	text-align:center;
    padding: 0 0.9375em 1em 0.9375em;
    border-bottom: 0px dashed #ccc;

}
.hssearchbox h1 {
    font-size: 1.4em;
	text-align:center;
}

.hssearchbox span.hsflex {
    font-size: 1.8rem;
	display: block;
	text-align:center;
}
	
.hssearchbox h2 {
    font-size: 1.125em;
    margin-bottom: 0;

	}
	
ul.menu.search {
	display:block;
	margin-top:2em;
	}
	
.inputbox.search-query.input-medium {
    background: transparent;
    border: 0px solid #FFF;
    border-bottom: 1px solid #f29400;
    width: 100%;
    height:inherit;
	margin-topo:2em;
}
.search .hssearch .button .menu a, .menu .button {
   display:none;
}
	
.hwbox h1 {
font-size: 1.7rem;
    font-weight: normal;
}

.hwbox h2 {
font-size: 1.4rem;
    font-weight: normal;
}
    
.hwbox p {
    padding: 0.5em 1em;
}
    
    
.above-row .headingdivider, .headingdivider  {
font-size: 1.8rem;
}
    
.catstart h1.modcat {
    font-size: 1.4em;
}

.foundoutbox h2 {
margin-top:2em;
}

.cck_form {
width:100% !important;	
}
	
#cck1r_datenschutz_kontakt {
	width:7%;
}

#cck1r_datenschutztext {
	width:93%;
}
	
div.vertical div.cck_forms.cck_site div.cck_label {
    width: 100%;
	display: block;
    text-align: left;
    padding: 0;
	
}
    
    .produktauswahl {
        margin:0;
    }
    
.callforaction {
        
    }
    
.actioncall {
    font-size: 1.8em;
}
a.actionphone:link, a.actionphone:visited, a.actionphone:hover, a.actionphone:focus, a.actionphone:active {
    font-size: 1.8em;
}
   

.mygrey, .contact-form {
    background-color: #FFF;
}*/

.fa-asterisk::before {
  content: "*";
}

::placeholder {
  color: #8a8ac4;
}


/* -------------- left * ---------------- */

.leftbox {
    padding:1.5em 0 0 1.2em;
}

.moduletable.show-for-large .vertical.menu {
    margin-left:1.7em;
    text-transform: uppercase;
}

.modleft {
    margin:3em 0 0 2.5em
}

h5.modflyer {
  font-size:1.2em;
}

/* -------------- Modul Full Screen - Spezifisch KMK----------------- */
section.myrow {
    max-width: 100%;
}

.frame {
  height: 100vh;
  width: 100%;
  background: url("../images/aumeier2.jpg") #FFF;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
}

#slideshow-container {
  width: 1440px;
  height: 600px;
  position:relative;
  overflow: hidden;
  text-align: left;
  margin: auto;
}

#slideshow-container img {
   display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto; 
}


.sigeih {
    margin-top:3em;
}

.sige_thumb img {
    padding: 0px !important;
}

.sige_thumb {
    background: none !important;
    margin:6px !important
}

/* Full Screen Background Video*/ 
 .video-container {
	 position: relative;
	 min-height: 100vh;
	 z-index: 0;
}

 .flex-video {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 padding-bottom: 0;
	 z-index: -1;
}
 .flex-video video {
	 left: 50%;
	 min-height: 100%;
	 object-fit: cover;
	 position: absolute;
	 top: 50%;
	 transform: translate(-50%, -50%);

}
 @media (max-aspect-ratio: 1.7777777778) {
	 .video-container:not(.fixed-device) .flex-video video {
		 width: calc(100vh*1280/720);
		 height: 100vh;
	}
}
 @media (min-aspect-ratio: 1.7777777778) {
	 .video-container:not(.fixed-device) .flex-video video {
		 width: 100vw;
		 height: calc(100vw*720/1280);
	}
}
/* Dummy Content */

 .dummy-container-class .flex-video {
	 margin-bottom: 0;
}
 .dummy-container-class .row {
	 margin: 1em auto;
	 padding: 1em;
}
 .dummy-container-class .columns {
	 overflow: hidden;
}

 .dummy-container-class.video-container .row {
	 color: white;
     background: transparent;
     width:100%;
     text-align: center;
}
 .dummy-container-class.video-container:last-of-type .row {
	 position: absolute;
	 top:20%
}

 .dummy-container-class.video-container:last-of-type .row.sm {
	 position: absolute;
	 top:0px;
     padding-top:0;
}

.dummy-container-class button {
    background-color:transparent;
}

.dummy-container-class button:visited {
    background-color:transparent;
}

.dummy-container-class button:hover {
    background-color:transparent;
}

.dummy-container-class button:active {
    background-color:transparent;
}

.dummy-container-class button:focus {
    background-color:transparent;
}


.buttontext {
    font-weight: bold;
    font-size: 1.25em;
    display: block
}

ul.vertical.menu .facebook {
  display:none;
}


/* ------------------------------------------ Newsflash -------------------------------------------------*/

ul.fields-container {
font-size: 1.25rem;
font-weight: 400;
list-style: none;
margin-left: 0;
}

ul.fields-container li span.field-label {
width:5em;
display: inline-block;
}

.mitgliederbbk ul.fields-container li span.field-label {
width:3em;
display: inline-block;
}

ul.fields-container li.field-entry.datum-start, ul.fields-container li.field-entry.datum-ende.inline {
display: inline-block;
}

ul.fields-container li.field-entry.teilnehmer {
margin-top:1em;
font-size:1.425rem;
font-weight:400;
}

/* ------------------------------------------ Mitglieder -------------------------------------------------*/

.category-desc {
    margin:2em 0
} 

.mitgliederbox ul li, .com-content-article__body ul li {
list-style: url("../images/square-16.png");
margin-left: 0.125em;
font-size: 1.25rem;
font-weight: 400;
padding: 0 0 1em 0.5em;
}

.mitgliederbox .card-section {
padding: 2em 1em 0em 1em;
}

.mitgliederbox .card-section p {
font-size: 1.25rem;
margin-bottom:1.5em;
    font-weight: 400;
}

.btnredbox {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
background-color: #8a8ac4;
color: #FFF;
font-size: 1.25rem;
font-weight: 400;
padding: 0.6em 1em;
border: 1px solid transparent;
border-radius: 0;
}

.mitglieder {
    margin-top:6.5em;
}

/* ------------------------------------------ Mitgleider Category  -------------------------------------------------*/

.mitgliedercatbox {
    border: 1px solid #ccc;
    margin:2em 0 3em 0;
    padding:2em;
}

.mitgliedercatbox a.button {
  width:2.825em;
}

.com-content-category-blog__item.blog-item.cell .card-section h2, .com-content-category-blog__child.cell h2 {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-size: 1.25rem;
    margin-bottom:0;
}

.com-content-category-blog__item.blog-item.cell .card-section h2 a {
    color:#666
}

.mod-tagspopular.tagspopular ul {
    margin-top:2em;
    list-style: none;
    margin-left: 0;
}

.mod-tagspopular.tagspopular ul li a:link, .mod-tagspopular.tagspopular ul li a:visited, .mod-tagspopular.tagspopular ul li a {
    background-color: #8a8ac4;
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.065em;
    padding: 0.35em 1em;
    display: inline-block;
    width: 100%;
}

.mod-tagspopular.tagspopular ul li a:hover {
    background-color: #61619b;
    color: #FFF;	
}

.imagesw figure a img {
      -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.hundred {
    width:100%;
    max-width:100%;
}
/* ------------------------------------------ Beratungsfelder  -------------------------------------------------*/

.is-active > .accordion-title::before {
  content: " – ";
}

ul.accordion li.accordion-item {
list-style: none!important;
    margin-left:0!important;
    padding:0!important;
}

.accordion-title {
  border: 1px solid #e6e6e6;
    border-bottom-color: rgb(230, 230, 230);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  border-bottom: 0;
  font-size: 1.25rem;
    font-weight:400;
  line-height: inherit;
  color: #8a8ac4;
}

/* ------------------------------------------ Mitgleider Category Einzelansicht  -------------------------------------------------*/

.mitgliederbbk ul.tags {
    list-style:none;
    margin-left:0;
    font-size: 1.25rem;
    font-weight:400;
    margin-bottom:2em;
}

.field-entry.plz, .field-entry.mitglieder-ort {
    display: inline-block;
}  

.mitgliederbbk h6, .mitgliederbbk .h6  {
    font-family: 'Quattrocento Sans';
    font-style: normal;
    font-size: 1.375rem;
    font-weight: 400;
    color: #8a8ac4!important;
    margin-bottom:0.75em;
    margin-top: 1.5em;
}

@media screen and (min-width: 40em) {
    .mitgliederbbk h6, .mitgliederbbk .h6  {
        font-size: 1.875rem;
        font-weight: 400;
    } 
}

.card a.imageresize .field-value, #gallery1 .field-value, #gallery2 .field-value, #gallery3 .field-value {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.card a.imageresize .field-value img {
    max-width: 100%;
    height: auto;
    max-height: 300px;
    width: auto;
    text-align:center;
}

.mitgliederbbk .card-section {
    text-align:center;
}


/* ------------------------------------------ Suche Search Suchindex -------------------------------------------------*/

.suche .finder {
    min-height:40em;
}

.suche [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
  height: 3.5rem;
}

.suche button.btn.btn-primary.button.expanded {
    margin:0;
}

a.searchlink::before {
  content: url('../images/lupe.png');
}

div.sticky.is-at-top.is-stuck a.searchlink::before {
  content: url('../images/lupeblack.png');
}

/* ------------------------------------------ breadcrumbs -------------------------------------------------*/


.breadcrumbs {
    margin: 0 0 2rem 0;
}
.breadcrumbs li, .breadcrumbs li a:link, .breadcrumbs li a:visited  {
  font-size: 1rem;
    color:#999;
    text-transform: inherit
}

.breadcrumbs li:not(:last-child)::after {
  margin: 0 0.45rem;
  color: #999;
}

.digicult .button {
    margin-top:0;
}

/* --- Modalbox Kuenstler ---*/

.modalmarginbox {
    margin:2em;
}

.modalmarginbox li {
    font-size:1.25em;
}

.showtag {
    margin-top:14px
}

.showtag p {
    margin-bottom:0px
}

.modalmarginbox h6 {
    font-size:1.5em;
    margin-top:2em;
    margin-bottom:1em;
}

.bildtext {
    font-size:1em;
    color:#666666;
}

.kuenstlerbox button.buttonx {
  overflow: hidden;
}

.kuenstlerbox button.buttonx img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
    transition: transform 0.3s ease;
}

.kuenstlerbox button.buttonx:hover img {
  transform: scale(1.1);
}