@charset "UTF-8";

/* Modifizierungen fuer KUNST IM KERN */

/* KIK-Fonts */

.callight {font-family: calmetta,sans-serif;font-weight: 300;font-style: normal;}

.calnorm {font-family: calmetta,sans-serif;font-weight: 400;font-style: normal;}

.calbold {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;}

.calxbold {font-family: calmetta,sans-serif;font-weight: 800;font-style: normal;}


/* KIK-Farben */
.kunred {color:#f125e9;}

.kungreen {color:#7ace05;}

.kunblue {color:#00a8fa;}

.kunorange {color:#d78e42;}

.kungrey {color: #000;}

.kungreylight {color: #7D7D7D;}

.kunred-bg {background-color:#f125e9;}

.kungreen-bg {background-color:#7ace05;}

.kunblue-bg {background-color:#00a8fa;}

.kunorange-bg {background-color:#d78e42;}

.kungrey-bg {background-color: #000;}


.kunredtxt {color:#bc4e85;}

.kungreentxt {color:#72a033;}

.kunbluetxt {color:#398fd1;}

.kunorangetxt {color:#ce7034;}

.kungrey {color: #000;}

.kungreyer {color: #3B3B3B;}

.vernissagen-bg {background-color: #ff894a;}

#footer {
    background: #398fd1;
    border-top: 4px solid #398fd1;
    font-size: 0.9em;
    margin-top: 20px;
    padding: 0;
    position: relative;
    clear: both;
}

#footer .footer-copyright.footer-copyright-style-2 {
    background: #398fd1;
    border-top: 1px solid #398fd1;
}

#footer .footer-copyright p {
    color: #FFF;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
	font-weight:300;
}

#footer a:not(.btn):not(.no-footer-css):hover {
    text-decoration: underline;
    color: #EEDF69;
}

#footer a:not(.btn):not(.no-footer-css) {
    text-decoration: none;
    color: #FFF;
}



.py-lg-5 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}
.pt-5 {
    padding-top: 0rem !important;
}


.headline {font-size: 3rem; color:#000;}

.greenhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.5rem;line-height: 1.8rem; color:#72a033;}
.orangehead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.5rem;line-height: 1.8rem; color:#ce7034;}
.redhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.5rem;line-height: 1.8rem; color:#bc4e85;}
.bluehead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.5rem;line-height: 1.8rem; color:#398fd1;}
.blackhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.5rem;line-height: 1.8rem; color:#000;}

.acttxt {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.3rem;line-height: 1.5rem; color:#000;}




.rowcentered {text-align:center;width: 80%;margin:0 auto;}

.txtleft {;text-align: left;}

.marbottom {margin-bottom: 40px;}

/* KIK Modal CSS */

.modal-content {text-align: left;}
.popup {font-size: 1.07rem;display: block;margin-bottom:5px;}
.strongmodal {font-weight: 700;}

.hfpicdiv {display: grid;justify-content: center;background: #EAEAEA;margin:0 auto 15px auto;padding:3px 0;}

.hfpic {max-height:470px;width:auto;}


.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.modal-title {
    margin-top:15px;
	margin-bottom:0;
    line-height: 1.2;
}

/* KIK Modal CSS ENDE */


/* KIK-Buttons CSS */
.btn-outline {
    font-size: 18px;
    letter-spacing: 0.07em;
    padding: 10px 40px 5px 40px;
    text-transform: uppercase;
}

.btn-kunred {
    color: #b24289;
    border-color: #b24289;
}

.btn-outline.btn-kunred:hover, .btn-outline.btn-kunred.hover {
    color: #92bf4b;
    border-color: #92bf4b;
}

.btn-kungreylight {
    color: #7D7D7D;
    border-color: #7D7D7D;
}

.btn-outline.btn-kungreylight:hover, .btn-outline.btn-kungreylight.hover {
    color: #5A5A5A;
    border-color: #5A5A5A;
}

.btn-modal {
    padding: 10px 40px 5px 40px;
}

.btn {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;}
/* KIK-Buttons CSS ENDE */


/* KIK-Unschaerfe CSS
figure span {
    font-size: 72px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

figure:hover .initial {
    -webkit-filter: initial;
    filter: initial;
}

figure:hover .blur {
    -webkit-filter: blur(0);
    filter: blur(0);
}

li span {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

li :hover .initial {
    -webkit-filter: initial;
    filter: initial;
}

li :hover .blur {
    -webkit-filter: blur(0);
    filter: blur(0);
}
KIK-Unschaerfe CSS ENDE */

.kikfirst {text-align: center;margin-top:15px;}

.smaller {font-size:1.4rem}
.bigger {font-size:2.2rem}

.mainmenu{font-size: 1.3rem!important;line-height: 32px;}


@media (max-width: 927px) {

.mainmenu{font-size: 0.9rem!important;}
.smaller {font-size:0.7rem}
.bigger {font-size:1.3rem}
.headline {font-size: 2.2rem; color:#000;}
.kikfirst {text-align: center;margin-top:15px;}
	
}

@media (min-width: 992px) {
#header .header-nav-main nav > ul > li > a {
    text-transform: none!important;
}
	
#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {padding: 2.5rem;
}
	
}

@media (max-width: 1081px) {
.rowcentered {text-align:center;width: 80%;}
	
.mainmenu{font-size: 0.9rem!important;}
	
.greenhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.3rem;line-height: 1.8rem; color:#72a033;}
.orangehead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.3rem;line-height: 1.8rem; color:#ce7034;}
.redhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.3rem;line-height: 1.8rem; color:#bc4e85;}
.bluehead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.3rem;line-height: 1.8rem; color:#398fd1;}
.blackhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.3rem;line-height: 1.8rem; color:#000;}

.acttxt {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.1rem;line-height: 1.5rem; color:#000;}
	
}

@media (max-width: 811px) {
.rowcentered {text-align:center;width: 100%;}
}

@media (max-width: 429px) {
.mainmenu{font-size: 1.6rem!important;}
.rowcentered {text-align:center;width: 100%;}
	
.headline {font-size: 1.8rem; color:#000;}
	
.greenhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.2rem;line-height: 1.5rem; color:#72a033;}
.orangehead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.2rem;line-height: 1.5rem; color:#ce7034;}
.redhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.2rem;line-height: 1.5rem; color:#bc4e85;}
.bluehead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.2rem;line-height: 1.5rem; color:#398fd1;}
.blackhead {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1.2rem;line-height: 1.5rem; color:#000;}
	
.acttxt {font-family: calmetta,sans-serif;font-weight: 700;font-style: normal;font-size:1rem;line-height: 1.1rem; color:#000;}
	
.popup {font-size: 0.9rem;display: block;margin-bottom:5px;}
	
.hfpic {max-height:220px;width:auto;}
	
.kikfirst {text-align: center;margin-top:4px;}



}