/* latin */
@font-face { font-family: 'Handlee'; font-style: normal; font-weight: 400; src: local('Handlee Regular'), local('Handlee-Regular'), url(../fonts/hN5OFJA7DLALxZ1osZb59Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
html{ min-width:100%; height:100%; position:relative; background-color:black; float:left; }
body{ min-width:100%; min-height:100%; color:#000; font-size:12pt; line-height:19px; ; position:relative; overflow-X:auto; overflow-Y:scroll; background:url("../images/background.png") no-repeat scroll center top, rgba(0, 0, 0, 0) linear-gradient(to bottom, #01000a, #2a537c) repeat scroll 0 0; background-size: 100%; }
@media(max-width:1199px){ body{ background:url("../images/background_mobile.png") no-repeat scroll center top, rgba(0, 0, 0, 0) linear-gradient(to bottom, #01000a, #2a537c) repeat scroll 0 0; background-size: 100%; }}
.navbar{ background-image:url(../images/bg_navigation.png); background-color:transparent; margin:25px 0px 0px 0px; font-size:18px; border-radius: 3px; border: 1px solid #fff; }
h1, h2, h3, h4, h5, h6{font-family: "Helvetica";}
h1{color:white; }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small{font-size:50%; color:#000;}
a{color:#000090}
.navbar-nav ul (margin-left: 15px;)
.navbar-nav li a {padding-top: 7px; padding-bottom: 7px; line-height: 17px;}
.navbar-inverse .nav li a{color:#000; font-style:normal; text-decoration:none; margin-top: 0px; margin-bottom: 0px; padding-top: 7px; padding-bottom: 7px;}
.navbar-inverse .nav li:hover a, .navbar-inverse .nav li a:focus, .navbar-inverse .nav li.active a { color:#000; background-color:#fff; }
.navbar-inverse .nav li.child {padding-left:10px; line-height: 17px; font-size: 12pt; padding-top: 0px; padding-bottom: 0px;}
.container_inhalt{ background-image:url(../images/); background-repeat:no-repeat;}
.milch{ background-image:url(../images/bg_navigation.png); background-repeat:repeat; }
.startcontainer, #menucontainer{ border-radius:3px; border: 1px solid #fff; padding:15px; margin-bottom:30px; }  
#menucontainer{ padding-left:0; padding-right:0; padding-top:10px; width: 190px;}

#bilder_nav img{
	width:80px;
	margin:10px 0px;
	cursor:pointer;
	border-width:2px;
}
#bilder_nav img:hover{
	border-color:#b9781e;
}
@media(max-width:767px){
	#bilder_nav img{width:68px;}
}
#preview_bild_2{
	margin:10px !important;
}
#preview_bild_1{
	border-color:#b9781e;
}

/*Einstellungen für die Suche und den Warenkorb*/
.suchkorb{display: flex; }

form .searchfeld {background-color:rgba(255,255,255,0.3); border-radius:20px; border: 3px solid rgba(0,0,0,0); color: #02002a; padding-bottom:2px; padding-top:2px; text-indent: 10px;}
form .searchfeld:focus {background-color:rgba(255,255,255,0.3); border-radius:20px; border:#333399 solid 3px; color: #02002a; padding-bottom:2px; padding-top:2px; outline: none; outline-offset: 0px; text-indent: 10px;}

.btn.btn-default{background-color:rgba(255,255,255,0); border-radius:20px; color: #02002a; z-index: 2; position: absolute; left:-39.5px; margin-top:3px;}

/* Aufteilung Suchleiste je nachdem, ob etwas im Einkaufswagen ist oder nicht */
.searchfeld_full {
	float:left; 
	width:72%;
}

.searchfeld_empty {
	width:125%; 
	float:left;
}

.button_full {
	height:25px; 
	float:left; 
	border:none; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

.button_empty {
	display:flex; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	border: none;
}

.wagen_full {
	width:40%; 
	margin-left:-30px; 
	margin-top:3px;
}

.wagen_empty {
	display: none;
}

/* Mobile Ansicht*/

.suchkorb-mobile {
	width: 95%;
	margin-top:10px;
	margin-left:10px;
}

.searchfeld-mobile{ 
	float:left; 
	padding-bottom:4px; 
	padding-top:4px; 
	margin-left:-2px;
	text-indent: 10px;
	width:60%; 
	background-color:rgba(255,255,255,0.3); 
	border-radius:20px; 
	border: 2px solid rgba(0,0,0,0); 
	color: #02002a;
}
	
.searchfeld-mobile:focus{
	border: 2px solid rgba(0,0,144,1); 
	outline: none;
}
.korb-mobile {
	float:left;
	margin-top:5px;
	margin-left:10px;
}
.korb-mobile-text {
	font-size: 14px;
}
	
.navbar-toggle {
	margin-left: -10px;
	margin-right: 10px;
	margin-top: 0px;
}
	
/* Bereich Content*/

.startcontainer h1:first-child, .startcontainer h2:first-child{margin:10px 0 20px; }
.startcontainer.last{ margin-bottom:0; }
.links ul{ padding-left:0px;}
.links ul li{ padding: 8px 0; list-style:none; border-top: 1px solid #ccc;}
.links ul li a{ font-size:11pt;}
.embed-responsive-16by9{margin-bottom:30px;}
#footer{ min-height:50px; border:1px solid #fff; padding-top:10px; border-radius: 3px; }
.p-footer {color:#0000ff; font-family: "Helvetica"; }
.btn-primary { color: #FFFFFF; background-color: #295078; border-color: #130269; } 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #FFFFFF; background-color: #0000FF; border-color: #130269; } 
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } 
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #295078; border-color: #130269; } 
.btn-primary .badge { color: #295078; background-color: #FFFFFF; }
.sidemenu div a{font-family: "Helvetica"; padding:6px 5px; color:#000; text-decoration:none; display:block; font-size: 13pt;}
.sidemenu div:hover, .sidemenu div.active{ background-image:url(../images/bg_navigation.png); background-repeat:repeat; }
.sidemenu .child a{ padding-left:8px; padding-top: 3px; padding-bottom: 3px; font-size: 11pt;}
.sidemenu .child:hover, .sidemenu .child.active{ background-color:#606060; }
.sidemenu .child:hover a, .sidemenu .child.active a, .sidemenu div:hover, .sidemenu div.active{  }

.sidemenu .subchild{ display:block; border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7; text-decoration:none; color: black; }
.sidemenu .subchild:hover, .sidemenu .subchild.active{ background-color:#606060; }
.sidemenu .subchild:hover a, .sidemenu .subchild.active a{  }
.child.acc { opacity:0; max-height: 0; overflow: hidden; transition: opacity 0.3s ease, max-height 0.3s ease; }
.child.acc.visible { opacity: 1; max-height: 500px; }

.sideaktuell a{ border-top: 1px solid white; font-size: 14px; padding:5px 10px; text-decoration:none; display:block; }
.sideaktuell a:hover { text-decoration: underline;}
.sidesocials { border-top: 1px solid white; margin-top: 20px;}
.sidesocials div {margin-left: 10px; margin-top: 10px;}
.termineaktuell a{display:block;}
.blog{width:100%;margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;border:1px solid #ffffff;position:relative;float:left;}
.blogdetail{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border:1px solid #ffffff;position:relative;float:left;}
.blog-header{min-height:35px;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;font-size:14px;color:#000000;background:linear-gradient(#dddfe2, #a1a2a4);background-position:left top;background-repeat:repeat-x;border-bottom:1px solid #ffffff;}
@media(max-width:767px){.blog-header{background-size:auto 100%;height:auto;}}
.blog-header a{width:100%;min-height:19px;margin:0px 0px 0px 0px;padding:6px 0px 0px 0px;font-weight:bold;text-decoration:none;color:#000000;}
.blog-header a.visited{width:100%;height:19px;font-weight:bold;text-decoration:none;color:#B9781E;}
.blog-header a:hover{width:100%;height:19px;font-weight:bold;text-decoration:underline;color:#000000;}
.blog-text{margin:0px 0px 10px 0px;padding:10px 15px 0px 15px;border:0px solid #ffffff;position:relative;}
.blog-kurzbeschreibung{height:120px;font-size:12px;line-height:16px;}
.blogdetail-text{margin:0px 0px 0px 0px;padding:20px 25px 0px 25px;border:0px solid #ffffff;float:left;position:relative;}
.blog-text img{margin:0 auto;display:block;height:auto;max-width:100%;}
.blogdetail-text img{max-width:100%;padding:0px 0px 0px 0px;text-align:center;font-size:16px;line-height:600px;border:1px solid #3E3E3E;background-image:url(../images/bg_foto.gif);background-position:left top;background-repeat:no-repeat;}
.blog p{max-width:892px;margin:0px 0px 15px 0px;padding:0px;border:0px solid #000;}
.blog ul{margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;border:0px solid #000;}
.blog ul a{color:#3E3E3E;font-weight:normal;text-decoration:none;}
.blog ul a.visited{color:#3E3E3E;font-weight:normal;text-decoration:none;}
.blog ul a:hover{color:#3E3E3E;font-weight:normal;text-decoration:underline;}
.blog li{margin:0px 0px 4px 35px;padding:0px;border:0px solid #000;list-style:none;list-style-image:url(../images/rarr.gif);}
.blog-footer{width:100%;margin:0px 0px 0px 0px;padding:0px 0px 15px 0px;text-align:center;border:0px solid #ffffff;position:relative;float:left;font-size:12px;line-height:16px;}
.blog{background-color:#fff;}
.mengefeld{max-width:50%;height:16px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:15px;line-height:17px;font-family:Arial, Times New Roman;background-color:#dddfe2;border:1px solid #ffffff;float:right;}
.mengefeld:focus{background-color:#FFFFFF;}
.mengewkfeld{width:40px;height:16px;margin:5px 5px 0px 0px;padding:2px 0px 2px 5px;font-size:15px;line-height:17px;font-family:Arial, Times New Roman;background-color:#dddfe2;border:1px solid #a1a2a4;float:left;}
.mengewkfeld:focus{background-color:#FFFFFF;}
.label_ekorb { font-size: 14px; }



/*Cookiewarnungs-Plugin-Einstellungen */
.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
.videocontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.vz_toggle{
	cursor: pointer;
	font-weight: bold;
}

.cc_container {
background: #000 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
.cc_container p{
color: #fff !important;  /* Schriftfarbe des gesamten Bereichs */
text-align: center;
} 
.cc_container a {
color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
}

.text-center {margin:0px 10px 15px 10px; }