/* CSS Document */

@font-face {
	font-family: Elatan;
	src: url('/fonts/ZURICHI.TTF');
}


html{
    /* This image will be displayed fullscreen */
    background:url('/images/schwarzbrot_bg.jpg') no-repeat center center;

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;

    /* The Magic */
    background-size:cover;
}

body{
    /* Workaround for some mobile browsers */
    min-height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#dfcfb9;
}

ul { padding-left: 0; }

strong {
color:#ffffff;
}

.contenttext strong {
color:#2e2119;
}

h1 {
font-family: Elatan;
letter-spacing:-0.02em;
font-weight:lighter;
font-size:2.6em;
color:#ffffff;
margin:20px 0px 15px 0px;
padding:0px;
z-index:100;
line-height:1em;
}

h1 a {
color:#ffffff;
}
h1 a:hover {
color:#FFFF99;
}


.contenttext h1{
color:#ffffff;
background: #2e2119;
height:20px;
padding:10px 0px 20px 15px;
margin-left:-60px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border:4px solid #b09e85;
z-index:200;
}

h3 {
font-size:16px;
color:#dfcfb9;
font-weight:lighter;
}

h3 strong{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}

#container {
	margin:auto;
	max-width: 960px;
	max-width:960px;
}

#logo{
width:50%;
max-width:50%;
height:auto;
margin:20px 0px 0px 20px;
padding:0px 0px 20px 0px;
}

.darkerbox{
position:relative;
width:87%;
color:#ffffff;
font-size:14px;
line-height:20px;
text-align:left;
background:rgba(34, 24, 18, 1);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin:10px 0px -10px 0px;
padding:0px 20px 0px 20px;
display:inline-block;
}

.darkbox{
position:relative;
width:87%;
color:#dfcfb9;
font-size:14px;
line-height:20px;
text-align:left;
background:rgba(46, 33, 25, 0.8);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin:10px 0px 0px 0px;
padding:0px 20px 10px 20px;
display:inline-block;
}

.greenbox{
position:relative;
width:89%;
color:#ffffff;
font-size:14px;
line-height:20px;
text-align:left;
background:rgba(169, 232, 0, 0.8);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin:10px 0px 0px 0px;
padding:0px 20px 0px 0px;
display:inline-block;
}

.greenbox h1{
margin:0px 0px 0px 20px;
padding:20px 0px 20px 0px;

}

.paddingleft {
	padding:0px 0px 0px 200px;
}

.imgright {
float:right;
margin-top:20px;
}

.imgleft {
float:left;
margin-top:20px;
padding-right:20px;
}


@media only screen and (min-width: 600px) {	
#dosen {
width:190px;
height:180px;
background:url('/images/dosen_frei.png') no-repeat;
position:absolute;
top:-35px;
}
}

@media only screen and (max-width: 600px) {	
#textbox_1 {
max-width:630px;
height:140px;
height:auto;
}
}

@media only screen and (min-width: 600px) {	
#textbox_1 {
max-width:630px;
height:140px;
height:auto;
margin-left:210px;
}
}

@media only screen and (max-width: 600px) {	
#textbox_2 {
max-width:630px;
height:140px;
height:auto;
}
}

@media only screen and (min-width: 600px) {	
#textbox_2 {
max-width:630px;
height:140px;
height:auto;
margin-left:210px;
}
}

#slidercontainer {
	z-index:0;
	position:relative;	
	width:870px;
	float:left;
	margin:0px 0px 0px 0px;
}

#zuruck{
cursor: pointer;
width:40px;
height:170px;
background:url('/images/arrow_left_over.png') no-repeat;
position:absolute;
top:50px;
left:-37px;
}

#zuruck:hover{
background:url('/images/arrow_left.png') no-repeat;
}

#vor{
cursor: pointer;
width:40px;
height:170px;
background:url('/images/arrow_right_over.png') no-repeat;
position:absolute;
top:50px;
left:870px;
}

#vor:hover{
background:url('/images/arrow_right.png') no-repeat;
}

    #sync1 .item{
    background:#dfcfb9;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    color: #FFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
	width:870px;
	height:400px;
    }
	
    #sync2 .item{
    background:#b09e85;
    padding: 7px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    color: #FFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    cursor: pointer;
	height:227px;
	width:216px;
    }
	
    #sync2 .item h1{
    font-size: 18px;
    }
    #sync2 .synced .item{
    background:#dfcfb9;
    }
	
.itemtext {
	font-family: Elatan;
	width:200px;
	background: #2e2119;
	height:26px;
	position:absolute;
	bottom:0px;
	margin:0px 0px 7px 0px;
	padding:8px 0px 0px 0px;
	font-size:20px;
}

@media only screen and (min-width: 700px) {	
.contenttext {
	width:420px;
	height:380px;
	position:relativ;
	margin:0px 0px 0px 410px;
	padding:10px 10px 0px 15px;
	text-align:left;
	font-size:13px;
	line-height:18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	color:#2e2119;
	}
	}
	
@media only screen and (max-width: 700px) {	
.contenttext {
	width:420px;
	height:380px;
	position:relativ;
	margin:0px 0px 0px 50px;
	padding:10px 10px 0px 15px;
	text-align:left;
	font-size:13px;
	line-height:18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	color:#2e2119;
	}	
}

@media only screen and (min-width: 700px) {	
.labelbox_ohne {
height:142px;
width:140px;
position:absolute;
left:10px;
bottom:10px;
background:url('/images/ohne_k_u_g.png') no-repeat;
/*background: #ffffff;*/
}
}

@media only screen and (min-width: 700px) {
.labelbox_mhd {
height:106px;
width:105px;
position:absolute;
top:7px;
right:40px;
background:url('/images/label_haltbar.png') no-repeat;
z-index:300;
/*background: #ffffff;*/
}
}

.labelbox_icons {
height:60px;
width:399px;
background:url('/images/icons.png') no-repeat;
margin-top:10px;
/*background: #ffffff;*/
}
  
.smallpic {
height:150px;
width:150px;
float:left;
padding:5px 10px 0px 0px;
/*background: #ffffff;*/
}   

#partner{
position:relative;
font-size:18px;
line-height:24px;
text-align:left;
background:rgba(0, 0, 0, 0.5);
padding:0px 20px 20px 20px;
display: inline-block;
z-index:20;
margin:0px 0px 40px 0px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

#partnerlist {
padding:0;
margin:0;
}
	
#partnerlist li {
list-style: none;
display: inline;
float:left;
margin:0px 0px 0px 0px;
padding:0px 13px 10px 0px;
}

.partner {
height:95px;
width:190px;
background-color:#999999;
border:2px solid rgba(0, 0, 0, 0);
}

.partner:hover {
border:2px solid #dfcfb9;
}

#impressum {
font-size:12px;
color:#dfcfb9;
position: relative;
display:inline-block;
padding:10px 0px 0px 70%;
}

#impressum a{
font-size:12px;
text-align:left;
color:#dfcfb9;
}

#impressum a:hover{
color:#ffffff;
}

.smallimg {
	width:200px;
	height:200px;
	margin:0px 0px 0px 8px;
}


#schwarzbrot{
	background:url('/images/schwarzbrot_unboxed.jpeg') no-repeat;
}

#schwarzbrot_sonnenblume{
	background:url('/images/schwarzbrot_sonnenblume_unboxed.jpeg') no-repeat;
}

#schwarzbrot_haselnuss{
	background:url('/images/schwarzbrot_haselnuss_unboxed.jpeg') no-repeat;
}

#schwarzbrot_gewuerzbrot{
	background:url('/images/schwarzbrot_gewuerzbrot_unboxed.jpeg') no-repeat;
}

#dinkelbrot{
	background:url('/images/dinkelbrot_unboxed.jpeg') no-repeat;
}

#eiweissbrot{
	background:url('/images/eiweissbrot_unboxed.jpeg') no-repeat;
}

#nusskuchen{
	background:url('/images/nusskuchen_suggestion.jpeg') no-repeat;
}

#orangenkuchen{
	background:url('/images/orangenkuchen_suggestion.jpeg') no-repeat;
}

#kirschkuchen{
	background:url('/images/kirschkuchen_suggestion.jpeg') no-repeat;
}

#schokokuchen{
	background:url('/images/schokokuchen_suggestion.jpeg') no-repeat;
}

#geburtstagskuchen{
	background:url('/images/geburtstagskuchen_suggestion.jpeg') no-repeat;
}

#rumkuchen{
	background:url('/images/rumkuchen_suggestion.jpeg') no-repeat;
}

.conetntimg {
	width:870px;
	height:400px;
	background-position:left;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	}
	
@media only screen and (min-width: 700px) {	
#schwarzbrot_content{
	background:url('/images/schwarzbrot_scheibe_400.jpeg') no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#sonnenblumenbrot_content{
	background:url('/images/sonnenblumenbrot_scheibe_400.jpeg') no-repeat;

}
}

@media only screen and (min-width: 700px) {	
#haselnussbrot_content{
	background:url('/images/haselnussbrot_scheibe_400.jpeg') no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#gewuerzbrot_content{
	background:url('/images/gewuerzbrot_scheibe_400.jpeg') no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#eiweissbrot_content{
	background: url("/images/eiweissbrot_scheibe_400.jpeg") no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#dinkelbrot_content{
	background: url("/images/dinkelbrot_scheibe_400.jpeg") no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#nusskuchen_content{
	background: url("/images/nusskuchen_scheibe_400.jpeg") no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#orangenkuchen_content{
	background: url("/images/orangenkuchen_scheibe_400.jpeg") no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#kirschkuchen_content{
	background: url("/images/kirschkuchen_scheibe_400.jpeg") no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#schokokuchen_content{
	background: url("/images/schokokuchen_scheibe_400.jpeg") no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#geburtstagskuchen_content{
	background: url("/images/geburtstagskuchen_scheibe_400.jpeg") no-repeat;
}
}

@media only screen and (min-width: 700px) {	
#rumkuchen_content{
	background: url("/images/rumkuchen_scheibe_400.jpeg") no-repeat;
}
}

.downloadpic {
 margin: 0px 0px 0px 10px;
}

.downloadpic li{
 padding: 10px 0px 0px 10px;
 float:left;
 display:inline;
 list-style:none;
 list-style-position: inside;
}

#impressum.hide-cookie-info > div#cookiedingsbums {
	display:none !important;
}

#cookiedingsbums a {color:#000; text-decoration:underline;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   color:#000;
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}