html, body {
  height: 100%;
}


.container {
    /*max-width: 768px;*/
}


.wrapper {

}

@media (min-width: 769px) {
    .wrapper {         
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 60px;   
        padding-top:1px;        
    }
    .container {
        -webkit-box-shadow: 0px 0px 50px 41px rgba(0,0,0,0.16);
        box-shadow: 0px 0px 50px 41px rgba(0,0,0,0.16);  
    }
}

.clearer {clear:both;}

h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:18px;}


/* Navbar */
.navbar-toggler-bg-coloured {
    background-color:#ffa600;
}

.navbar-toggler:focus {   
    outline: 0px auto -webkit-focus-ring-color !important;
}

.navbar-toggler-icon-close {
    background-image: url(../images/close_menu.png) !important; 
}

.nav-item{
    border-bottom:1px solid #ffa600;
    padding:10px 0px 10px 0px;

}
.nav-item a {
    color:#212529 !important;
    display:inline-block;

}

.navbar {   
    background-color:#fff;
    padding-top:15px;      
}


@media (min-width: 768px) {
    .navbar {
        max-width: 720px;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .navbar {
        max-width: 960px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .navbar {
        max-width: 1140px;
        margin: 0 auto;
        box-shadow: 10px 10px 48px -14px #e9ecef;  
    }
}



.logo {
    animation: floatBubble 1s;
    animation-fill-mode: forwards;    
    z-index: 100;
    position: relative;
}
.logo img {  
    border-radius: 15px;
    transform: rotate(-5deg);
    width: 94%;
    margin: 100px auto 0px auto;
    display: block;
    -webkit-box-shadow: 10px 10px 48px -14px rgba(0,0,0,1);
    -moz-box-shadow: 10px 10px 48px -14px rgba(0,0,0,1);
    box-shadow: 10px 10px 48px -14px rgba(0,0,0,1);
}

@media (max-width: 360px) {
    .logo img { 
        margin: 90px auto 0px auto;
    }
}

.logo .fotostrecke {
 position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 42%;
    height: 15%;
    transform: rotate(-21deg);
    margin-top: 12%;
    margin-left: 6%;   
}





@keyframes floatBubble {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}

a.hl {
    word-break: break-all;
}

a.red {
    color:#be1d25;     
}
a.green {
    color:#3f6bb3; 
}
a.hl_home {
    color:#000;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 50;
}

a.hl:before {
    content:"\f08e";
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';    
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;  
    font-style: normal;
    font-variant: normal; 
    margin-right:10px;   
}

a.ml:before {
    content:"\f0e0";
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';    
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;  
    font-style: normal;
    font-variant: normal; 
    margin-right:10px;   
}


strong {
    font-weight:700 !important;
}

hr {
    margin-top:10px !important;
    margin-bottom:10px !important;
}

.narrow {
    line-height: 16px !important;
    font-size: 12px;
    display: inline-block;
}

.wrapper div.is-visible {
    opacity: 1;
    transform: translateY(0px);
    transition: all 1.5s;
}

.wrapper ul {list-style: none;padding-left: 20px;font-size:1rem; margin-top:10px;}

.wrapper ul li:before {
    content: "\f0c8";
    font-family: 'Font Awesome 6 Free';  
    font-size: 10px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;    
}

.wrapper ul.green li:before {
    color:#086754;
}

.wrapper ul.red li:before {
    color:#be1d25;
}
.cubes {position:relative;}

.cube-header {
    cursor:pointer;
}
.was, .wann, .wo, .wer {
    padding: 0px 0px 0px 0px;
    /*padding: 40px 15px 20px 15px;*/
    color: #fff;
    border-radius: 10px;
    margin: 1% 0;    
    border-bottom: 5px solid #ffa702;
    box-shadow: 8px 8px 5px -7px rgba(0,0,0,0.5);
    opacity: 0;
    transform: translateY(+30px);
    /*width:48%;
    margin-left:1%;
    margin-right:1%;
    float:left;*/
    margin-bottom:10px;
}

.was .headline-small, 
.wann .headline-small, 
.wo .headline-small, 
.wer .headline-small {    
    font-size:13px;
    padding: 25px 30px 5px 30px;  
    display:block;
}

.was .headline, .wann .headline, .wo .headline, .wer .headline {
    text-transform:uppercase;
    font-size:30px;
    display:block;
    margin-top:0px;
    line-height: 1;
    position: relative;    
    padding: 0 15px;    
}

.headline.other {
    padding: 0 15px 0 28px;
}

i.arrow-right:before, i.arrow-down:before {   
    font-size: 18px;
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';   
    position: absolute;
    top: 46px;
    left: 28px;
    font-style: normal;
}
i.arrow-right:before {
    content: "\f0da";

}
i.arrow-down:before {
    content:"\f0d7";
}

.was {
    background-color:#be1d25;
    background-image: url(../images/klecks.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
}

.wann {
    background-color:#086754;    
}

.wo {
    background-color:#28487d;   
}

.wer {
    background-color:#17a2b8;   
}

.cube-body {
    padding: 0px 30px 0px 30px;
    background-color: #c6e3de;
    color: #000;   
    box-shadow: none !important;      
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.cube-body:before { /* ersetzt padding-top, weil das nicht geht! */
    content:"";
    height:20px;
    display:block;
}
.cube-body:after { /* ersetzt padding-bottom, weil das nicht geht! */
    content:"";
    height:20px;
    display:block;
}

.cube-body.is-open {
    max-height: 3000px;
    opacity: 1;
}
.was .cube-body {    
    background-color: rgb(245, 207, 209);
}

.wann .cube-body {   
    background-color: #c6e3de;
}

.wo .cube-body {
    background-color: #d2ddef;
}

.wer .cube-body {   
    background-color: #dbeef1;
}

.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}

.langweiliges {
    padding-bottom:30px;
    margin-top:70px;
}

/* KÜNSTLER */

.kuenstler_location {
    padding: 10px;
    background-color: antiquewhite;
    border-radius: 10px; 
    margin-top: 10px;
    margin-bottom:10px;
}

.kuenstler_location span {
    color:#be1d25;
    font-weight:bold;
}

.kuen {
    margin-top:70px;
}

.kuen_header {
    display:block;
    padding:7px 10px;
    background-color: #dfdee16e;
    border-radius: 10px;
}

.kuen_name {
    cursor:pointer;    
    display:inline-block;
    vertical-align: text-bottom;
}

.kuen_name::first-letter, 
.kuen_name_marked::first-letter {
    border-bottom:1px solid #be1d25;    
}

.kuen_name_marked {
    cursor:pointer;    
    display:inline-block;
    vertical-align: text-bottom;
    color:#be1d25;
}


.kuen_body {
    display:none;
    padding: 20px 5px 40px 20px;
    border-left: 2px solid #be1d25;
    margin-left: 7px;
    position:relative;
}

.kuen_body table td {
    vertical-align: top;
}
.kuen_body table tr:first-child {
    font-weight:bold;
}

.kuen_body .self_img {
    float:left;
    padding-right:10px;
    margin-bottom:5px;
    margin-top:5px;   
    font-size:12px;
}

.kuen_body .self_img img {
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.kuen_body .self_img span {
    display:block;
    text-align:center;    
    background-color: #86868d;
    color: #fff;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

i.plus:before, i.minus:before {
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';    
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;    
    font-style: normal;
    font-variant: normal;
    font-size:20px;
    color:#be1d25;
    margin-right:5px;
}
i.plus:before {
    content:"\f0fe";

}
i.minus:before {
    content:"\f146";
}

i.close-it {
    position:absolute;
    bottom: -7px;
    left: -9px;
    color: #be1d25;
    background-color: #f1f1f2;
}

/* Nanogallery2 */

div[id^="nanogallery"] .nGY2GThumbnail {   
    background: transparent !important;
    border-color: #ad2b2b !important;
    border-width: 2px !important;
}

.nano_mini {   
    float:right;
}

#my_nanogallery2 {
    ul li:before {content: '';}
}

#my_nanogallery2 .nGY2GThumbnailLabel {
    padding: 4px 10px !important;
}

#my_nanogallery2 .nGY2GThumbnail {   
  
}


/* Footer */

.footer {
    margin:40px 0px 20px 0px;
    padding-bottom: 20px;
}

.footer a {
    color:inherit;
}


/* Scroll Up */
#scrollUp {
    bottom: 15px;
    right: 15px;
    padding: 10px 15px;
    background: #c50a14;
    color: #fff;
    border-radius:100% !important;
    border:1px solid transparent;
    -webkit-box-shadow: 8px 8px 5px -7px rgba(0,0,0,0.32);
    -moz-box-shadow: 8px 8px 5px -7px rgba(0,0,0,0.32);
    box-shadow: 8px 8px 5px -7px rgba(0,0,0,0.32);  
    opacity:0.8;
}
#scrollUp:before {
    content:"\f077";
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';    
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;    
    font-style: normal;
    font-variant: normal;
    font-size:20px;

}


#scrollUp:link, #scrollUp:focus {text-decoration:none !important;}


.download i {font-size:25px;color:#007bff;cursor:pointer;}
.download-lightbox i {font-size:30px;color:#fff;cursor:pointer;}