/*@font-face {
  font-family: 'UniversLTStd-BoldCn';
  src: url('UniversLTStd-BoldCn.woff') format('woff'),
       url('UniversLTStd-BoldCn.ttf') format('truetype'),
       url('UniversLTStd-BoldCn.svg#UniversLTStd-BoldCn') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*	custom Stylesheet diebutterdose
	Last change: CH 20170817 

@media (max-width: 479px) {
.sub .carousel-inner > .item > a > img, .sub .carousel-inner > .item > img, .sub .fullscreenslider {
    height: 137px;
    width: 320px;
}
}*/

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Geneva Plain:001.001';
font-style: normal;
font-weight: normal;
src: local('Geneva Plain:001.001'), url('GENEVA.woff') format('woff');
}
@font-face {
  font-family: 'UniversLTStd-BoldCn';
  src: url('UniversLTStd-BoldCn.woff') format('woff'),
       url('UniversLTStd-BoldCn.ttf') format('truetype'),
       url('UniversLTStd-BoldCn.svg#UniversLTStd-BoldCn') format('svg');
  font-weight: normal;
  font-style: normal;
}   


@media only screen  and (max-width: 480px) { 
 section#header div.container,
 section#erle div.container,
 section#bestellung div#container{
 max-width:100%;
 margin-top: -40px;
}
 }

@media only screen  and (max-width: 480px) {
section#header div.container-fluid p.logo{
	background-color: #FFF;
	text-align: center;
	top: 0px;
}
 }


@media only screen and (max-width: 767px) {
  p.center-block,
  p.center-block_bestellung {
    text-align: left;
  }
}

@media only screen 
and (max-width: 768px)
and (min-device-with: 321px){ 
 section#header div.container,
 section#ahorn div.container,
 section#bestellung div#container{
 	max-width:100%;
	}
}

@media only screen
and (max-width: 970px) 
and (min-device-width: 415px)
{ section#header div.container,
 section#erle div.container,
 section#bestellung div#container{
 	max-width:100%;
	}   
}

@media only screen 
and (min-device-width: 510px) 
and (max-device-width: 1200px)
{ section#header div.container,
 section#erle div.container,
 section#bestellung div#container{
 	max-width:100%;
	}
}

@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px)
{
 section#header div.container,
 section#erle div.container,
 section#bestellung div#container{
 	max-width:100%;
	}
}

@media only screen and (min-width: 1200px) {
  section#erle div.container-fluid,
  section#bestellung div.container {
    max-width: 1200px; /* oder eine andere Breite, die besser passt */
  }



section#bestellung div.bestellung p.center-block{
text-align: inherit;
}

section#header div.container p.logo{	 
 margin-bottom: -20px;
 max-height: 100px;
 }
 
 section#erle p.center-block,
 section#bestellung p.center-block_bestellung {
    max-width: 1000px; /* oder eine andere Breite, die besser passt */
    margin: 0 auto; /* Zentrierung des Textes horizontal */
  }
}

    
img {
    max-width: 100%;
}


section#header {
	background-color: #FFF;
	text-align: center;
	position: fixed;
	top: 0px;
	width: 100%;
}

.container-fluid{
text-align: center;
}

section#bestellung div.container{
font-family: 'Geneva Plain',Arial,sans-serif;
text-align: center;
margin-top: 40px;
}


h3{
font-family: 'Geneva Plain',Arial,sans-serif;
font-size: 18px;
line-height: normal;
text-align: center;
}


.idee{
font-family: 'Geneva Plain',Arial,sans-serif;
font-size: 18px;
text-align: center;
margin-left: 16px;
margin-top: 30px;
}

.link{
line-height: 0.4em;
}


.col-md-6{
width: 50%;
}


.center-block {  
  display: block;  
  margin-right: auto;  
  margin-left: auto; 
  width: 70%;
  text-align: justify;
} 

.center-block_bestellung {  
  display: block;  
  margin-right: auto;  
  margin-left: auto; 
  width: 70%;
  text-align:center;
} 

section#erle{
margin: 80px 0px 20px 0px;
}

a {
	border-bottom: 1px solid #4b4b4b;
	color: #4b4b4b;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}

a.back-to-top{
border-bottom: none;
}

a:hover,
a:visited {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.holz{
text-align: right;
}

.bestellung{
margin-left: 0px;
margin-top: 40px;
}

.impressum{
margin-top: 10px;
margin-left: 140px;
}

.back-to-top {
 position: fixed;
 border-radius: 50%;
 bottom:20px;
 right:10px; 
 background-color: #C0C0C0;
}

#myBtn {
	border-radius: 50%;
	border: none;
	padding: 15px;
}