/* Template Name: Maldumal
 * Author: Frollein Web
 * URI: http://www.maldumal.de/
 * Version: 1.0
 */


/******************** FONTS ********************/
/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dancing-script-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script-v13-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}
/* dancing-script-700 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dancing-script-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script-v13-latin-700.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v13-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v13-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}


/************************ END WEBFONTS *************************/

.brand {
  font-family: 'Maldumal';
  color: #fff;
}

body {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
  font-weight: 400;
	font-size: 16px;
	line-height: auto;
	background-color: #fff;
  color: #3a3a3a;
}

h1, h2 {
	font-family: 'Dancing Script', Arial, Helvetica, sans-serif;
  font-weight: 700;
	line-height: 1em;
	margin-top: .25em;
	margin-bottom: .5em;
}

h1 {
	font-size: 42px;
}

h1.brand {
  font-size: 30px;
}

h2 {
	font-size: 36px;
}

h3 {
  font-weight: 700;
  font-family: 'Quicksand', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
	font-size: 18px;
	margin-top: .25em;
	margin-bottom: .5em;
}

p {
  /*font-size: 20px;*/
	margin-bottom: .5em;
	line-height: 1.2em;
}

a {
	text-decoration: none;
	color: #3a3a3a;
}

img.border {
  border: solid 1px #cfcfcf;
}

.satisfy, .btn-satisfy {
  font-family: 'Calligraffitti', serif;
}

a.btn-lg.btn-satisfy {
    padding: .5rem 1rem;
    font-size: 2rem;
    border-radius: .3rem;
}

.readmore > a.btn {
    padding: 10px;
    border: 1px solid #cfcfcf;
    text-transform: uppercase;
}

.readmore > a.btn::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";
}

.b-dashed {
	/*border: 3px dashed #3a3a3a; */
	border-radius: .5rem;
  background-color: #efefef;
}

/* POSITIONING */
.come-in {
  transform: translateY(200px);
  animation: come-in 1s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
}

#slidesContainer {
  flex-direction:column;
  overflow: hidden;
  position: relative;
}

#slideWrap {
  position: relative;
}

#slideWrap::after {
  clear: both;
}

.slides {
  position: relative;
  min-height: 1px;
}

.slides-pos {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0 none;
}

.slides .inner {
  position: absolute;
  height: auto;
  display: block;
  color: #ffffff;
  text-align: center;
}

.slides {
    position: absolute;
    top: 0px;
    left: 0px;  
    background-size: cover;
    width: 100%;
    height: 80vw;
  	background-position: center;
}

#slide1 {
  background-image: url(/images/slides/herbstatelier.png);
  background-position: top center;
}

#slide1 a {
  color: #fff;
}

#slide2 {
  background-image: url(/images/slides/talents-1914-min.jpg);
  background-position: top center;
}

#slide3 {
  background-image: url(/images/slides/talents-1810-min.jpg);
  background-position: top center;
}

#slide4 {
  background-image: url(/images/slides/talents-1196-min.jpg);
  background-position: top center ;
}

#slide5 {
  background-image: url(/images/slides/talents-1531-min.jpg);
  background-position: top center;
}

.shine {
    background-color: rgba(11, 11, 11, 0.11);
    position: relative;
    width: 100%;
    height: 100%;
}

#controls {
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 1000;
  text-align: center;
}

#controls .slides__nav li {
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 30px;
}

button::-moz-focus-inner, input::-moz-focus-inner {

    border: 0;
    padding: 0;

}
#controls .slides__nav button::before {
    background: #fff;
    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 3px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px;
}

#controls .slides__nav button {
    background: 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 30px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    text-indent: 30px;
    white-space: nowrap;
    width: 30px;
}

#controls .slides__nav li.slide-active button::before {
    background: #8a8a8a;
}

#logo {
  text-align: right;
  position: absolute;
  z-index: 1000;
  top: 1em;
  width: 100%;
}

#logo > img.img-fluid {
  max-width: 30%;
}

.navbar-brand img {
  width: 50px;
  height: 50px; 
}

/*  Section Workshops & Termine */
.row.cat-10, .itemid-103 {
  background-image: url(/images/workshops/maldumal-127-min.jpg);
  background-position: bottom center;
}

h1.sec-title-10 {
  color: #ffffff;
}

.row.cat-16, .itemid-107 {
  background: url(/images/workshops/talentswow14-min.jpg)  no-repeat top  center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

h1.sec-title-16 {
  color: #ffffff;
}

/* Section Isabel vom Bruch */
.row.cat-11, .itemid-104 {
  background-color: #4f3733;
}

.row.cat-19 {
  background-color: #86e36a;
}

.row.cat-19 a > img.border {
  border: 3px dotted #86e36a !important;
}

.row.cat-20 {
  background-color: #f17ab6;
}

.row.cat-21 {
  background-color: #0ba0db;
}

.row.cat-22 {
  background-color: #ff7401;
}

h1.sec-title-11 {
  color: #ffffff;
}


#footer,
#copyright {
  color: #ffffff;
  background-color: #212121;
}

#footer a,
#copyright a,
#footer a:hover,
#copyright a:hover {
  color: #ffffff;
}

.bg-black {
  background-color: #000000;
}

.bg-white {
  background-color: #ffffff;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #slideWrap .slides .inner {
    text-align: left;
  }

  #logo > img.img-fluid {
    max-width: 15%;
  }

  
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  


  .slides .h1, .slides h1 {
    font-size: 6rem;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .navbar-brand {
    display: none;
  }

  h1.brand {
    font-size: 48px;
  }

  #controls {
    top: 2em;
  }


}

/* X-Large devices (large desktops, 1460px and up) */
@media (min-width: 1460px) {

}