/**
 * @author      nicole
 * @package     Joomla!
 * @subpackage  Template neu-atelierbrotbeck
**/
/** Inhaltverzeichnis
- Allgemeine Formatierungen
- Multimedia 
- Google Font Import
- Typo
- Layout
- Footer
**/
/*************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/
@charset "utf-8";

*       { box-sizing: border-box; }
*		{ margin: 0px; padding: 0px; border: 0px; }
html	{ height: 100.2%; }
body	{ height:100%;}


/************************** Multimedia **************************
*****************************************************************/
/**img {max-width: 100%; height: auto;}

@media screen and (min-width: 600px) {
     .sixhundredminwidthclass {
          width: 30%;
          float: right;
     }
}

@media screen and (max-width: 600px) {
     .sixhundredmaxwidth {
          clear: both;
          font-size: 1.3em;
     }
}**/
/* ************************** Google Font Import ****************
*****************************************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Titillium+Web');

/* ************************** TYPO ****************************
*****************************************************************/
/*Headings*/
h1, h2, h3, h4, h5, h6, h7 {font-family: 'Titillium Web', sans-serif;}
h1 {font-size: 40px;
	font-weight: 400;
	color: #fff;}
h2 {font-size: 40px;
	font-weight: 400;
	color:#5eb6a7;}
h3 {font-size: 20px;
	font-weight: 400;
	color: #fff;}



p, a, spam {font-family: 'Open Sans', sans-serif;}
p {font-size: 18px;
	font-weight: 400;
	color: #000;}
a {font-size: 18px;
	font-weight: 400;
	color: #000;
	text-decoration: none;}
spam {font-size: 18px;
	font-weight: 400;
	color: #000;}
footer {}

/* ************************** LAYOUT ****************************
*****************************************************************/

#wrapper{
    width: 100%;
    margin: 0 auto;
  	min-height: 100vh !important;
  	height: 100vh !important;
  	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 1050px;
    /*height:auto !important;
    height:1050px;*/
    /*overflow: hidden !important; /* FF Scroll-leiste */
    /*background: #fff;*/
}



/**************************** banner ******************************/
/*#banner{
    width: 100%;
    height: 55px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
    
}*/


.atelier-header {
    height: 110px;
}

#atelier-header-logo-container{
    position: relative;
    width: 50%;
    padding-right: 20px;
    padding-left: 20px;
	float:left;
  	z-index: 1;
    margin-top: 45px;
}        

#atelier-header-menu-container{
  	position: relative;
    width: 50%;
  	padding-right: 20px;
    padding-left: 20px;
    float:left;
  	z-index: 1;
    margin-top: 45px;
}

#atelier-header-menu{
  	float:right;
}
      	
/**************************** Slider-conteiner ******************************/
.slider-container{
  	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
  .slider-container{
    width: 750px;
  }
}
@media (min-width: 992px) {
  .slider-container{
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .slider-container {
    width: 1170px;
  }
}
/*#slider-container{
	max-width: 1170px;
  	position: relative;
  	margin: auto;
}*/
#prev{}
#prev-button{cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #000;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

#next{cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #000;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;}
#next-button{}

/* Fading animation */
#fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/**************************** FOOTER ****************************
*****************************************************************/

/*#footer{
  	width: 100%;
    height: 55px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
}

#copyright{
  	position: relative;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
	float:left;}
#impressum{}*/