/* Copyright (c) 2017 Masterhomepage GmbH
*  
*  CSS Template
* 
*********************************************/
.zweispaltig {
   column-count: 2;
   -moz-column-count: 2;
   -webkit-column-count: 2;
   column-gap: 30px;
   -moz-column-gap: 30px;
   -webkit-column-gap: 30px;
}

.texthintergrund {
   background: #f2f2f2;
   -moz-border-radius: 12px 12px 12px 12px;
   /* Firefox */
   -webkit-border-radius: 12px 12px 12px 12px;
   /* Chrome, Safari */
   -khtml-border-radius: 12px 12px 12px 12px;
   /* Konqueror */
   border-radius: 12px 12px 12px 12px;
   /* CSS3 */
   padding: 10px;
}

html {
   height: 100%;
   margin: 0px;
   padding: 0px;
}

body {
   margin: 0px;
   padding: 0px;
   font-family: 'kyrial-display-pro';
   font-size: 14px;
   color: #000;
   font-weight: 400;
   line-height: 1.5;
   -webkit-text-size-adjust: none;
   /*letter-spacing:0.1em;*/
   text-align: center;
}

a:link,
a:visited {
   color: #000;
   text-decoration: underline;
}

a:focus {
   outline: 0;
}

ul {
   margin: 0px 0px;
   padding: 0 0 0 12px;
   /*list-style-position: inside;*/
}

ol {
   margin: 10px 0px;
   padding: 0 0 0 20px;
   /*list-style-position: inside;*/
}

ul li,
ol li,
ol li ul li {
   padding: 0;
   margin: 0;
}

p {
   margin: 0px;
   padding: 0px;
}

a img {
   border: none;
}

td {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0px 0px 10px 0px;
   padding: 0px;
   font-family: 'kyrial-display-pro';
   font-weight: normal;
   line-height: 1.2;
}

h1 {
   font-size: 28px;
   text-transform: uppercase;
}

h3 {
   font-size: 14px;
}

h4 {
}

h5 {
}

h6 {
}

hr {
   border: solid #521423 10px;
   height: 10px;
   margin-left: -20px;
   width: 980px;
   background-color: #521423;
}

.text-zweispaltig {
   column-count: 2;
   column-gap: 24px;
   -moz-column-count: 2;
   -moz-column-gap: 24px;
   -webkit-column-count: 2;
   -webkit-column-gap: 24px;
}

.schmaleswk {
   width: 600px;
   margin: auto;
}

iframe {
   border: none;
}

#all {
   background-color: #521423 !important;
}

/* Div Container
----------------------------------------------------------------*/
html,
body {
   height: 100%;
}

#menu {
   position: absolute;
   left: 30px;
   top: 40px;
   z-index: 999;
}

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

#headerimg {
   width: 100%;
   height: auto;
   position: relative;
   background: #fff;
   padding-bottom: 65px;
}

#backbuttontop {
   width: 100px;
   left: 50%;
   margin-left: -50px;
   top: 20px;
   position: absolute;
   color: #fff;
   text-decoration: underline;
}

#backbuttontop a {
   color: #fff;
}

#wrap {
   width: 100%;
   /*background:url(../images/footerbg.png) no-repeat; background-position:bottom center;*/
   /*background:#fff;*/
}

#homeicons {
   position: relative;
}

#homeicons .custom {
   position: absolute;
   top: 545px;
   width: 292px;
   left: 50%;
   margin-left: -146px;
   z-index: 998;
}

div#n2-ss-2 .n2-ss-slide {
   height: 620px !important;
}

#konzertinfo-wrap {
   width: 100%;
   background: #fff;
   overflow: auto;
   margin-top: 447px;
}

#konzertinfo {
   position: relative;
   width: 870px;
   margin: auto;
   clear: both;
   padding: 30px 0px;
   overflow: auto;
}

#sound {
   float: left;
   margin-right: 40px;
}

#gallery {
   float: left;
   width: 591px;
   min-height: 250px;
}

#content {
   width: 870px;
   margin: auto;
   padding: 40px 0px;
   position: relative;
   color: #fff;
}

#backbutton {
   padding: 20px 0px;
}

/* Home Slide
----------------------------------------------------------------*/
#closepfeil {
   clear: both;
   position: relative;
   left: 50%;
   margin-left: -32px;
   cursor: pointer;
   background: url(../images/closepfeil.png);
   width: 64px;
   height: 25px;
   display: block;
}

#text1 {
   z-index: 998;
   position: absolute;
   left: 0px;
   top: 30px;
   width: 870px;
   display: block;
   font-size: 22px;
   font-style: italic;
}

#openpfeil {
   clear: both;
   position: relative;
   left: 50%;
   margin-left: -32px;
   cursor: pointer;
   background: url(../images/openpfeil.png);
   width: 64px;
   height: 25px;
   display: block;
}

#text2 {
   position: absolute;
   left: 0px;
   top: 30px;
   display: none;
   width: 870px;
   font-style: italic;
}

#text2 h4 {
   font-weight: bold;
   font-size: 20px;
   color: #b99d57;
   font-style: italic;
}

/* Bootstrap Override
----------------------------------------------------------------*/
.page-header {
   border-bottom: 0px solid #eee;
   margin: 0px;
   padding-bottom: 0px;
}

.nav > li > a:hover,
.nav > li > a:focus {
   background-color: transparent;
}

div.modal {
   background-clip: none;
   background-color: transparent;
   border: none;
   border-radius: none;
   box-shadow: none;
   left: auto;
   margin-left: 0px;
   width: auto;
}

.modal-body {
   max-height: none;
   overflow: inherit;
}

/* Menu Override
----------------------------------------------------------------*/
.sm-container.sm-open-89 .sm-overlay-89 {
   opacity: 0.9;
}

#menu::before {
   content: 'Menu';
   color: #fff;
   left: 10px;
   top: -7px;
   position: absolute;
   font-style: normal;
   font-size: 12px;
}

.off-menu_89 dl a,
.off-menu_89 dl a:link,
.off-menu_89 dl.level1 a,
.off-menu_89 dl.level1 a:link,
.off-menu_89 dl dt.active.parent a,
.off-menu_89 dl dt.active a,
.off-menu_89 dl.level1 dt.active.parent a,
.off-menu_89 dl.level1 dt.active a,
.off-menu_89 dl dt.opened.parent a,
.off-menu_89 dl.level1 dt.opened.parent a,
.off-menu_89 dl dt.hover a,
.off-menu_89 dl dt:hover a,
.off-menu_89 dl.level1 dt.hover a,
.off-menu_89 dl.level1 dt:hover a {
   font-family: 'kyrial-display-pro';
}

/* Widgetkit Override
----------------------------------------------------------------*/
.uk-slidenav-next::before {
   content: url(../images/arrow-right.png);
}

.uk-slidenav-previous::before {
   content: url(../images/arrow-left.png);
}

.uk-slidenav-position .uk-slidenav-previous {
   left: 10px;
}

.uk-slidenav-position .uk-slidenav-next {
   right: 10px;
}

.uk-panel-teaser,
.uk-panel-title {
   margin-bottom: 5px;
}

.uk-modal {
   background: rgba(0, 0, 0, 1);
}

.uk-modal-dialog {
   border: none;
}

h3.uk-h3 {
   margin-bottom: 10px !important;
}

/* Carousel Override
----------------------------------------------------------------*/
.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-left {
   background: transparent url(../images/arrow-left.png) no-repeat 0 0;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-left:hover,
.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-right:hover {
   background-position: 0 0px;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-right {
   background: transparent url(../images/arrow-right.png) no-repeat 0 0;
}

.ari-cloud-carousel-caption .ari-cloud-carousel-title {
   font-weight: normal;
   width: 400px;
   text-align: left;
}

.carousel {
   background: url(../images/HG_Carousel_HG_Blumen_und_Tiere_V2.jpg) no-repeat top center;
   width: 910px;
   margin-left: -20px;
}

.carousel2 {
   background: url(../images/HG_Carousel_HG_Blumen_und_Tiere.jpg) no-repeat top center;
   width: 910px;
   margin-left: -20px;
   color: #fff;
}

.blackdiv {
   background: #000;
   width: 910px;
   margin-left: -20px;
   color: #fff;
}

#fancybox-right-ico {
   background-image: url(../images/arrow-right.png) !important;
   background-repeat: no-repeat !important;
   background-position: 0px 0px !important;
}

#fancybox-left-ico {
   background-image: url(../images/arrow-left.png) !important;
   background-repeat: no-repeat !important;
   background-position: 0px 0px !important;
}

/* Audio Override
----------------------------------------------------------------*/
.audio1_html5.blackControllers {
   float: none !important;
   margin: auto !important;
}

.audio1_html5.blackControllers .thumbsHolder_ThumbOFF {
   line-height: normal !important;
}

#mod-lgx-logoslider91 {
   margin: -47px 0 0px;
}

.uk-scope .uk-grid-small > * {
   padding-left: 10px;
}

.uk-scope .uk-grid-small {
   margin-left: -10px;
}

.uk-scope .uk-h3,
.uk-scope h3 {
   font-size: 14px;
   line-height: 1.2;
   margin-top: 5px;
   font-family: 'kyrial-display-pro' !important;
}

#wk-grid43a h3 {
   color: #ffffff;
   margin-bottom: 10px !important;
}


/*  ARI  */
.mfp-ari-cloud-carousel.mfp-bg {
background-color: #000;
opacity: 1;
}

.mfp-ari-cloud-carousel .mfp-counter {
display: none !important;
}

.mfp-ari-cloud-carousel .mfp-title {
color: #fff;
font-family: Helvetica;
font-size: 12px;
padding-right: 0;
text-align: center;
}

.mfp-ari-cloud-carousel .mfp-close {
position: absolute;
top: 25px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('https://ccerletti.ch/neu/modules/mod_arifancybox/includes/js/css/fancybox.png') -40px 0px;
cursor: pointer !important;
font-size: 0;
opacity: 1;
}

.mfp-ari-cloud-carousel .mfp-iframe-scaler .mfp-close {
top: -15px;
}

.mfp-ari-cloud-carousel .mfp-arrow-left {
background: no-repeat url(https://ccerletti.ch/neu/templates/cerletti/images/arrow-left.png) center center;
}

.mfp-ari-cloud-carousel .mfp-arrow-right {
background: no-repeat url(https://ccerletti.ch/neu/templates/cerletti/images/arrow-right.png) center center;
}

.mfp-ari-cloud-carousel .mfp-arrow-left::after,
.mfp-ari-cloud-carousel .mfp-arrow-left::before,
.mfp-ari-cloud-carousel .mfp-arrow-right::after,
.mfp-ari-cloud-carousel .mfp-arrow-right::before {
display: none;
}