@charset "UTF-8";
/* CSS Document */


/*  -------------------------------------- iPHONE 5 --------------------------------------  */
@media screen and (max-width: 320px) {
	.header-image-start li a {
		font-size: 60px !important;
	}
}
/*  ------------------------------------- / iPHONE 5 -------------------------------------  */



/*  --------------------------------- EXTRA-KLEINE GERÄTE ---------------------------------  */
@media screen and (max-width: 767px) {
	#back4top{
		display:none !important;
	}
	
	h1{
		font-size: 32px;
	}
	.conditions h1{
		font-size:26px;
	}
	
	.navbar .navbar-nav {
		display: block;
	}
	.navbar .navbar-collapse {
    	text-align: left;
	}
	.navbar-inverse .navbar-nav > li > a {
    	padding: 15px 20px;
		font-size: 22px;
	}
	.navbar-nav > li > a.logo{
		display:none;
	}
	
	.navbar-nav > li > a.logo_nav2{
		display:none;
	}
	
	.navbar-nav > li > a.nouvelle_nav.text-right{
		text-align:left;
	}
	
	button.navbar-toggle.collapsed.nav2{
		display:none;
	}
	
	.mega-artist {
		right: 80px;
	}
	
	.nouvelle_logo img {
		display:none;
	}
	
	.btn.button {
		width: 100%;
	}
	
	.header-image-start img {
		margin: 15% 0 10px 10px;
	}
	.header-image-start ul {
		padding-left: 5px;
	}
	.header-image-start li a {
		font-size: 70px;
		line-height: 0.8;
	}
	
	div.suche {
    	height: 50px;
	}
	.alphabet{
		font-size:50px;
		color:#333;
		float:left;
		margin-bottom:10px;
		position: relative;
    	top: 0;
		max-width: none;
	}
	
	.alphabet p{
		margin:0px;
		line-height:1.2;
		float:left;
		letter-spacing:10px;
	}
	
	.nouvelle_logo_mobil img{
		width:190px;
		height:auto;
		z-index:10;
		position:absolute;
		margin-top:-40px;
		display:block;
		transform:rotate(-15deg);
	}
	
	.nouvelle{
		margin-top:25px;
	}
	
	hr{
		margin-top:2px;
		margin-bottom:2px;
		border-top:1px solid #979494;
	}

	.book{
		margin: 0;
		float: left;
	}
	
	.name02 p{
		margin:0px;
		line-height:1.1;
	}
	
	.options{
		display:none;
	}
	
	.options_mobil{
		width: 100%;
		display: block;
		margin-top: 10px;
		padding: 8px;
		background-color: #333;
	}
	
	.options_mobil .fa{
		color:#fff;
		font:30px "FontAwesome",Helvetica,Arial,sans-serif;
		padding:0px 8px;
	}
	
	.text_left {
    	padding-right: 0px;
	}
	.address-2_contact a{
		margin-bottom: 10px;
	}
}
/*  -------------------------------- / EXTRA-KLEINE GERÄTE --------------------------------  */



/*  ------------------------------------ KLEINE GERÄTE ------------------------------------  */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar .navbar-nav {
    	float: left;
	}
	.options {
		left: 28px;
		top: 418px;
	}
	.navbar-inverse .navbar-nav > li > a.logo {
    	display: none;
	}
	.header-image-start {
		height: 600px;
	}
	.header-image-start img {
		margin: 60px 0 10px 10px;
	}
	.header-image-start ul {
		padding-left: 75px;
	}
	.alphabet{
		font-size:50px;
		color:#333;
		float:left;
		margin-bottom:10px;
		position: relative;
    	top: 0;
		max-width: none;
	}
	.alphabet p{
		margin:0px;
		line-height:1.2;
		float:left;
		letter-spacing:10px;
	}
	.searchfield {
	    width: 100%;
		max-width: none;
	}
}
/*  ----------------------------------- / KLEINE GERÄTE -----------------------------------  */



/*  ----------------------------------- MITTLERE GERÄTE -----------------------------------  */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.options {
		left: -10px;
	}
	.alphabet{
		max-width: 212px;
	}
}
/*  ---------------------------------- / MITTLERE GERÄTE ----------------------------------  */



@media (min-width: 769px) {
	.navbar-toggle {
  		display: none;
 	}
	
	 .navbar .navbar-nav.nav1{
        display: inline-block;
    }
	.navbar-brand{
		display:none;
	}
	
	.name02{
		display:none;
	}
	
	.carousel-control .glyphicon-menu-left,
  	.carousel-control .glyphicon-menu-right,
  	.carousel-control .icon-prev,
 	.carousel-control .icon-next {
    	width: 30px;
    	height: 30px;
    	margin-top: -10px;
    	font-size: 30px;
  	}
	
  	.carousel-control .glyphicon-menu-left,
  	.carousel-control .icon-prev {
    	margin-left: -10px;
 	}
	
  	.carousel-control .glyphicon-menu-right,
  	.carousel-control .icon-next {
    	margin-right: -10px;
 	 }
}