@media print {
    a:link:after,
    a:visited:after {
        content: "" !important;
    }
}
.cycloneslider {position: relative;}
.cycloneslider:before {content: ''; position: absolute; top:15px; right:15px; z-index: 500; height: 100px; width: 75px; background: url(../img/logo-ronsdorf.png); display: block; background-size: 75px 100px }
.bild {text-align: right;}
h2.entry-title {display: none; visibility: hidden;}
.text h2 {font-size: 24px; font-weight: 300; line-height: 28px;}
.text .textwidget {font-size: 16;font-weight: 300;}
.ngg-widget img {border: none!important;
border-radius: 125px;
width: 250px;
height: 250px; float: right;}
.rund {margin-top: -100px}
.rund .ngg-widget {overflow: show;}
.ngg-album-compact .ngg-album-compactbox .Thumb, .ngg-album-compactbox, .ngg-album-compactbox:before, .ngg-album-compactbox, .ngg-album-compactbox:after {border-bottom:none!important; border:none!important; margin: 0!important; padding: 0 !important;}
.ngg-album-compact .ngg-album-compactbox {padding: 0 !important;}
.ngg-album-compact {width:33.333333333333%;}
.ngg-album-compact h4 .ngg-album-desc {height: auto!important;}
p a {text-decoration: underline;}
.page .ngg-album-compact {border-bottom: solid 1px #eee; margin-bottom: 1em!important; display: block; padding: 1em!important}
.ngg-album-compact h4 a {color: #333}
.ngg-imagebrowser .pic {border: none!important;}
/*.ngg-imagebrowser .pic img {width: 100%; height: auto; position: relative;}*/
.ngg-imagebrowser-desc {text-align: center}

.cycloneslider-template-standard {margin-bottom: 0;}
th#tf_col_ev_date, th#tf_col_ev_cat {width:150px}
td.tf_col_ev_date em {color:gray;}
th#tf_col_ev_times {width:150px}
th#tf_col_ev_thumb {width:100px}


.menu-footer-menue-2-container a, .menu-footer-menue-1-container a {
     color: #333
}


.alignright {float: right;}

.clear {clear: both;}
.clearfix {display: block;}

.top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button), .top-bar-section ul li, .top-bar-section .dropdown li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section li.active:not(.has-form) a:not(.button):hover, .top-bar-section li.active:not(.has-form) a:not(.button), .contain-to-grid, .top-bar-section li:not(.has-form) a:not(.button), .top-bar,.top-bar.expanded .title-area {background: #c7d300; background-color: #c7d300; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 18px}

.contain-to-grid .top-bar {max-width: 66.5rem; margin-bottom: }
.orbit-timer, .orbit-slide-number {display: none; visibility: hidden;}
.top-bar-section li.active:not(.has-form) a:not(.button) {color: #e5eba8}

div.fixed.contain-to-grid {height: 70px;padding-top: 12px; z-index: 99999999999 }
h1, h2, h3,h4,h5,h6,body {font-family: 'Lato', sans-serif; color: #333}
body {margin-top: 10px}
.button {
border-radius: 4px;
background-color: #c7d300;
box-shadow: 0 5px 0 #e1e1e1;
font-family: 'Lato', sans-serif;
font-weight: bold!important;
font-size: 18px;
/* color: #e6e6e6; */
color: white;
}


.button.white {
background-color: white;
box-shadow: 0 5px 0 #e1e1e1;
font-family: 'Lato', sans-serif;
font-weight: bold!important;
font-size: 18px;
/* color: #e6e6e6; */
color: #333;
}

.button img {position: relative;top:-3px; margin-left: 10px;}

.signup {padding:10px 0;}
.signup h2 a {color: #333}
.signup h2 {font-size: 24px; font-size: 1.5em; font-weight: bold; border-bottom: solid 1px #ff6600; display: inline;position: relative; margin-left: 110px;}

.signup h2:before {content: ''; background: url(../img/signup.png) center center no-repeat; background-size:75%; width: 96px; height: 95px; display: block; position: absolute; top:-35px; left: -110px; z-index: 999999999}
.signup p strong {display: block;}
.signup p {line-height: 25px; margin-left: 1em; font-weight: 300;}
.top-bar-section .has-dropdown > a:after {border:none; content: ""; background: url(../img/dropdown.png); width: 17px; height: 9px; right:-5px}

#main {background: #f6f6f6; padding:43px 0 20px 0; color: #333}
.welcome {border-right:solid 3px #ececec; padding-right: 2rem;}
#main p, #main ul  {font-size: 20px; font-weight: 300; line-height: 30px;}
#termine h2:before {content: ''; background: url(../img/termine.png); width: 30px; height: 30px; display: block; position: absolute; top:15px; left:22px;}

#termine h2 {background-color:#c7d300; color: white; font-size: 24px;height: 61px; line-height: 61px; padding-left: 74px; padding-bottom: 5px; position: relative; border-bottom: solid 5px #a9a9a9;}


#facts {padding-top: 40px;}
#facts .medium-4, #facts .small-12 {text-align: center;}
#facts .small-12 {margin-top: 2rem}
#facts h3 { text-align: center; font-size: 36px; font-weight: 300}
#facts h3 span.number {}


.galerie {background-color: #c7d300; margin-top: 195px; margin-bottom: 50px;}
.galerie .row {background: url(../img/galerie-background.jpg) center center no-repeat; max-height:227px;}

#main .galerie .bild img {position: relative; top:-140px; width: 100%; max-width: 297px}
#main .galerie .text .button  {margin-top: 20px; background: #dee095; box-shadow: 0 5px 0 rgba(18,4,52,.44);
}
.galerie .text {position: relative;top:-50px;}
.galerie .text span {font-weight: 300}
.galerie .text h3 { font-size: 24px; font-weight: 300; line-height: 28px;}

.footer p {line-height: 21px;}

.footer-menu {margin-top: -10px}
.footer-menu h3 img {margin-top: -4px}
.footer-menu ul {list-style: none; margin: 0;padding: 0;}
.footer-menu ul li {margin: 0;padding: 0; font-weight: bold; font-size: 14px;}


.termine h2 {line-height: 26px; font-size: 24px;}
@media only screen and (min-width: 40.063em) {
     .cycloneslider:before {width:171px; height: 228px; background-size: 171px 228px}
     .signup h2:before {background-size: 100%}
     .galerie .text {top:-100px;}
     .galerie .text .button  {margin-top: 50px; margin-bottom: 30px;padding-bottom: 10px;}
.signup p strong {display: inline;}
.signup p {line-height: 46px}

 .cycloneslider:before {width:128px; height: 171px; background-size: 127px 171px}

}

@media only screen and (min-width: 60.063em) {

 .cycloneslider:before {width:171px; height: 228px; background-size: 171px 228px}

}

/* Märchenpfad */
.audiodatei {
    margin-left: 34px;
}
.audiodatei::before {
    content: '';
    background: url(../img/audio-icon.png);
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 40px;
}
.mrbox { padding: 15px; margin-left: 10px; margin-right: 10px; background-color: gainsboro; }
@media only screen and (max-width: 767px) {
    .columns { margin-top: 30px; }
}