/*
Theme Name: Wundersee.com
Author: Andreas Wundersee
Author URI: http://www.onoffdesign.de/
Description: Ein Wordpress-Template von ON/OFF Design
Version: 1.0
*/

:root {
  --pink: #f6ac2c;
  --marker: #9df163;	
  --primary-marker: #ffac1d;
  --secondary-marker: #89d852;
  --third-marker: #707dff;
  --yellow-marker: #fceb41;
  --tuerkis-marker: #78bfd0;
}

body.designer-und-entwickler header a.designer-und-entwickler, 
body.galerist header a.galerist, 
body.kuenstler header a.kuenstler {
    color:var(--pink);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--pink);
}

a:focus {
    outline: none;
}

ul.bullets.with-icon.bullets-on-top li i {
    top:-15px;
    transform: none;
}

ul.bullets.with-icon.bullets-on-top {
    padding-top:15px;
}

.opacity-50 {
    opacity: 0.5;
}

.text-lowercase {
    text-transform: none;
}

.website-3.galerie-bild {
    top:50%;
    transform: translate(-50%,-50%);
    max-height: 700px;
    width:auto;
    left:50%;
}

.web-wrapper .web-image-wrapper img.image-event {
    left:10%;
    top:40%;
}

body .web-wrapper .web-image-wrapper img.image-event.is-active {
    width:105%;
    top:35%;
}

.art-kachel {
	background-image:url(https://wundersee.com/img/videoprint-wundersee-kunst-periscope-nrw_forum-internetstadl.jpg);
}

.home-other-kachel {
	background-image:url(https://wundersee.com/img/experience_festival_lueneburg-andreas_wundersee-festivalkunst.jpg);
}


@media (hover: hover) and (pointer: fine) {
    
    .designer-und-entwickler header .nav-wrapper a.designer-und-entwickler:hover, 
    .galerist header .nav-wrapper a.galerist:hover, 
    .kuenstler header .nav-wrapper a.kuenstler:hover {
        background-color:var(--pink);
        color:#fff;
        -webkit-text-stroke-color: #fff;
    }
    
}

@media (min-width:767px) and (max-width:992px) {

    .dark-bg-sm a {
        color:#fff;
    }

    .dark-bg-sm a.button {
        border-color:#fff;
    }

    .no-margin-bottom-sm {
        margin-bottom: 0px;
    }

    .no-padding-bottom-sm {
        padding-bottom: 0px;
    }

}



@media (max-width:992px) {

    .web-wrapper .web-image-wrapper img.image-event {
        left:50%;
        width:100%;
    }
    
}

@media (max-width:767px) {

    ul.bullets.with-icon.bullets-on-top li i {
        top:-10px;
    }

}