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

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

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

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v19-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v19-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v19-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v19-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v19-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v19-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



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

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

.margin-top-2 {
    margin-top: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;
}

p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size:1.25rem
}

li {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size:1.25rem
}

strong {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
}

.bold {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
}

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

a {
color:#000;
}

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

a:hover {
color:#e0151d;
}

a:active {
color:#000;
}

/* inside Article Body*/

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

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

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

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

.article-body ul {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size:1.25rem
}

.article-body figcaption {
  margin:0.5em 0 1em 0;
  font-weight: 300;
  font-size:0.825rem;
  color:#666;
}
/* inside Article Body*/

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

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

a.button:hover, .button:hover {
    background-color: #6d1717;
    color: #FFF;	
}

h1 {
  font-family: 'Roboto';
  font-style: normal;
    font-size: 2.75rem;
	font-weight: 400;
	color: #e0151d;
    margin-bottom:0.15em;
}

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

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

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

h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 1.375rem;
    font-weight: 400;
    color: #e0151d !important;
    margin-bottom:0.75em;
}

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

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 --------------------------- */

.menu a {
	line-height:1.5
}

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

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

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

.top-bar, .top-bar ul {
    background-color: #FFF;
}

div.logo-sticky {
	display: none;
}

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


@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:1.1em;
}

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

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

div.sticky.is-at-top.is-stuck li.menu-text span.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;
}

.logo-claim {
	color: #f29400;
	font-size: 2.4em;
	font-style: italic;
} 

/*.dropdown.menu a {
    text-transform: uppercase;
}*/

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

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

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

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

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

.dropdown.menu > li > span {
  padding: 0.7rem 1rem;
    display: block;
}

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

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

}

/* --------------------------- 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 Parallax Background Image--------------------------- */


.above-content-two-grey { 
    height: 600px; 
    background-image: url(../images/parallax-1.jpg);
    background-position: center center;
    background-attachment: scroll;
    background-color:#FFF;
}
@media (min-width: 1025px) {
    .above-content-two-grey  { 
        background-repeat: no-repeat;
        background-size:cover;
        background-attachment:fixed;
    }
}

.above-content-four-grey { 
    height: 600px; 
    background-image: url(../images/parallax-2.jpg);
    background-position: top center;
    background-attachment: scroll;
    background-color:#FFF;
}
@media (min-width: 1025px) {
    .above-content-four-grey  { 
        background-repeat: no-repeat;
        background-size:cover;
        background-attachment:fixed;
    }
}
/* --------------------------- 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 p {
    font-size:0.75rem; 
}

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;
	}
/*	

.actioncall {
	font-size: 3.5em;
	font-weight: 200;
	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-image: url("../images/bbk-right.png");*/
  background-color: #e0151d;
  /*background-position: right;
  background-repeat: no-repeat;*/
  padding: 3em 0;
}



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


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

h5.footerheader {
    color:#FFF;
    font-size: 1.5rem;
    font-weight: 400;
}

.anschrift {
    margin-bottom: 2.5em;
}

.eintritt {
    margin-bottom: 1.75em;
}


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

.bottom-row tbody {
    background:transparent;
    border:0px;
    color:#fff;
    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: #FFF;
}

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

/* --------------------------- 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;
}


/* --------------------------------------------------------------------------------- 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  --------------------------- */

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


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

.control-label {
	border-bottom:1px solid #ccc;
		
}

#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
}


/* --------------------------- AGB  --------------------------- */
/*
.agb ul li {
  font-weight:bold;
  padding-top:1em;
}

.agb ul li ol li {
  font-weight:normal;
  padding-top:0;
}
*/
/* --------------------------- Media Querries  --------------------------- */

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

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

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

@media screen and (max-width: 39.9375em) {

.hero {
    background-color: #FFF;
}
	
	
.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, h1 {
font-size: 1.7rem;
    font-weight: normal;
}

.hwbox h2, 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;
}
   

}


/* Ende Media Querry */

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

}


/* -------------- 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: auto;
  width: 100%;
  background: #FFF;
}

.sige {
    margin: 0px 0px!important;
}

.sigeih {
    margin-top:3em;
}

.sige_thumb img {
    padding: 0px !important;
    box-shadow: none!important;
    border: 0px solid #ccc!important;
}

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

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

 .video-container.sm {
	 position: relative;
	 min-height: 33vh!important;
	 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;
}

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

.callout.kmk {
  position: relative;
  margin: 2em 0 3em 0;
  padding: 2rem;
  border: 1px solid #e0151d;
  border-radius: 0;
  background-color: white;
  color: #000;
}

::placeholder {
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #666;
}


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

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

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

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

hr {
    max-width:90rem;
}