/*	css/styles-fonts.css	*/


/*** css/styles-fonts.css ***/


/*	css/styles.css	*/


/*** css/styles.css ***/

/*=============================================
=					Boostrap Resets					=
=============================================*/
.form-horizontal .control-label {
text-align:left;
}
.form-horizontal .form-group {
margin-left:0;
}
.form-control {
border:0;
border-radius:0;
}
.btn-group > .btn.active {
z-index:0;
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
display:block;
}
/*=====  End of Section Boostrap Resets   ======*/
/**
* Header
*/
header {
position:relative;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
z-index:3;
padding:15px 0 0 0;
}
.header-img {
max-width:250px;
max-height:70px;
}
/* bildteppich */
.header-bildteppich {
display:flex;
width:100%;
height:185px;
flex-wrap:wrap;
}
.header-bildteppich > img {
flex:25%;
height:100%;
max-width:100%;
min-width:25%;
object-fit:cover;
object-position:top;
}
.header-links {
display:flex;
list-style-type:none;
}
.header-links-link svg {
height:35px;
}
.header-logo {
position:absolute;
z-index:5;
left:15px;
}
.header-slogan {
position:absolute;
z-index:5;
right:15px;
}
.header-search {
position:absolute;
z-index:5;
right:0;
top:15px;
}
.header-background{
height:200px;
background:white;
padding-top:15px;
}
/**
* Widget Social-Share
*/
.dropapp-socialshare {
position:absolute;
right:15px;
bottom:60px;
z-index:5;
}
.dropapp-socialshare a,
.dropapp-socialshare a:link,
.dropapp-socialshare a:active,
.dropapp-socialshare a:visited,
.dropapp-socialshare a:focus {
font-size:2rem;
margin-left:15px;
}
/**
* Main
*/
main {
background-size:cover;
background-repeat:no-repeat;
padding:15px;
flex:1;
overflow:hidden;
min-height:500px;
}
/**
* Footer
*/
footer {
padding:15px;
z-index:100;
}
footer > div.row {
display:flex;
flex-wrap:wrap;
}
footer img{
padding-top:20px;
}
/**
* DropAddress
*/
.address-person,
.address-address {
left:0;
width:100%;
}
.dropapp-search-field {
}
.dropapp-search h4 {
display:none;
}
#dropapp-search-field-content {
position:absolute;
top:77px;
left:150px;
margin-bottom:15px;
z-index:100;
opacity:0.8;
}
.dropapp-search-field .search {
padding:0;
}
.dropapp-search-field .search input.form-control {
border:1px solid #ccc;
display:inline-block;
height:28px;
}
#dropapp-search-field-content input {
padding-left:5px;
border-radius:0;
height:26px;
}
#dropapp-search-field-content span {
margin-left:15px;
}
#dropapp-search-field-content {
border:none;
}
/**
* Hier werden die Item-Boxen definiert, DropNews usw.
*/
.dropapp-items {
display:flex;
flex-flow:row wrap;
}
.dropapp-item {
width:33%;
margin:0 0 25px 0;
padding:0 15px;
}
.dropapp-item-img {
max-height:200px;
overflow:hidden;
}
.dropapp-item-img img {
max-width:100%;
width:100%;
}
.dropapp-item .dropapp-item-name,
.dropapp-item .dropapp-item-intro,
.dropapp-item .dropapp-item-description,
.dropapp-item .dropapp-item-date {
padding-left:15px;
padding-right:15px;
}
.dropapp-item .dropapp-item-description {
padding-bottom:15px;
}
.dropapp-item .dropapp-item-date-date {
font-size:0.8rem;
}
.dropapp-item .dropapp-item-more {
display:none;
}
/**
* Der Shop
*/
.dropapp-products .dropapp-items .dropapp-item {
width:100%;
padding:0 5px;
}
.dropapp-products .dropapp-item-img img {
width:auto;
max-width:150px;
}
/**
* News als ImageBlock
*/
.imageblock-news > div {
margin:0 -5px 0 -5px;
}
.imageblock-news .dropapp-item {
padding:5px;
}
.imageblock-news .dropapp-item-img > a > img {
height:auto;
}
/**
* Shop als ImageBlock
*/
.imageblock-shop > div {
margin:0 -5px 0 -5px;
}
.imageblock-shop .dropapp-item {
position:relative;
padding:0 10px;
width:100%;
}
.imageblock-shop .dropapp-item > div {
background-color:transparent;
border:none;
}
.imageblock-shop .dropapp-item-name {
position:absolute;
top:0;
left:50px;
}
.imageblock-shop .dropapp-item-img > a > img {
max-height:40px;
}
.imageblock-shop .dropapp-item-intro {
padding-left:0;
padding-top:5px;
}
.imageblock-shop .dropapp-item-description {
display:none;
}
/**
* Darstellung der Kategorien
*/
ul.categories_first-of-type {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
padding:0;
margin-right:-5px;
}
li.categories_yuimenubaritem {
list-style:none;
display:inline-block;
padding:4px;
background-color:#9bc358;
margin-bottom:5px;
margin-right:5px;
}
div.categories_yuimenubaritem,
div.categories_yuimenubaritem a:link,
div.categories_yuimenubaritem a:active,
div.categories_yuimenubaritem a:visited,
div.categories_yuimenubaritem a:focus,
div.categories_yuimenubaritem_activ a:link,
div.categories_yuimenubaritem_activ a:active,
div.categories_yuimenubaritem_activ a:visited,
div.categories_yuimenubaritem_activ a:focus,
div.categories_yuimenubaritem:hover a,
div.categories_yuimenubaritem_activ:hover a {
color:#fff;
}
div.categories_yuimenubaritem:after,
div.categories_yuimenubaritem_activ:after {
font-family:FontAwesome;
content:" \f0a9";
}
li.categories_yuimenubaritem:hover > div,
li.categories_yuimenubaritem_activ:hover > div {
color:#fff;
}
li.categories_yuimenubaritem:hover,
li.categories_yuimenubaritem_activ:hover {
background-color:rgb(130, 163, 73);
}
/*	css/styles-navi.css	*/


/*** css/styles-navi.css ***/

/**
* Navigation Styles 
*/
.navbar {
position:absolute;
border-radius:inherit;
border:0;
margin:0;
min-height:inherit;
display:flex;
-ms-flex-pack:end;
justify-content:flex-end;
-ms-flex-item-align:center;
align-self:center;
z-index:3;
width:100%;
height:50px;
bottom:0px;
right:0px;
margin-right:auto;
margin-left:auto;
max-width:1200px;
transition:all ease 0.25s;
}
.navbar-collapse {
padding:0;
}
/**
* Fixieren der Navigation
*/
.navbar-fixed {
position:fixed;
width:100%;
top:0;
left:0;
transition:all ease 0.25s;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
z-index:200;
opacity:0.9;
}
ul.first-of-type {
display:flex;
}
.nav_navpunkte {
width:100%;
}
/**
* Base Styles
*/
div.yuimenuimage img,
div.yuimenuimage_activ img {
height:100%;
width:100%;
object-fit:cover;
}
div.yuimenuimage,
div.yuimenuimage_activ {
border-left:15px solid;
height:100%;
width:100%;
}
li.yuimenubaritem,
li.yuimenubaritem_activ {
position:relative;
display:flex;
flex-direction:column;
-ms-flex:20%;
flex:20%;
justify-content:space-between;
width:100%;
}
li.yuimenubaritem:last-of-type,
li.yuimenubaritem_activ:last-of-type {
border:0;
}
div.yuimenubaritem,
div.yuimenubaritem_activ {
display:flex;
align-items:center;
justify-content:center;
min-height:50px;
}
div.yuimenubaritem_activ {
transition:border-width 0.2s linear;
}
div.yuimenubaritem a,
div.yuimenubaritem a:link,
div.yuimenubaritem a:hover,
div.yuimenubaritem a:active,
div.yuimenubaritem a:visited,
div.yuimenubaritem_activ a {
text-decoration:none;
transition:color 0.4s;
width:100%;
text-align:center;
}
.nav_navpunkte .navbar-fixed > .navbar-header:hover, div {
/*background-color:#eee;*/
}
/**
* Unterpunkte 
*/
.yuimenu {
width:100%;
min-width:180px;
position:absolute;
top:100%;
}
.yuimenu > .bd > ul.first-of-type {
flex-direction:column;
margin-top:0;
}
li.yuimenuitem,
li.yuimenuitem_activ,
div.yuimenuitem,
div.yuimenuitem_activ {
display:flex;
align-items:center;
justify-content:left;
}
div.yuimenuitem,
div.yuimenuitem_activ {
width:100%;
padding:15px;
}
div.yuimenuitem a,
div.yuimenuitem a:link,
div.yuimenuitem a:hover,
div.yuimenuitem a:active,
div.yuimenuitem a:visited,
div.yuimenuitem_activ a {
transition:color 0.4s;
text-decoration:none;
font-size:0.9rem;
}
.yuimenuitem > a,
.yuimenuitem_activ > a {
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
}
/**
* Unterunter punkte
*/
li.yuimenuitem_activ > .yuimenu,
li.yuimenuitem > .yuimenu {
margin-top:0;
-webkit-box-shadow:none;
box-shadow:none;
position:relative;
}
/**
* Versuch menuhorizontal.css zu neutralisieren
*/
#yui-main,
div.yuimenubar {
position:relative;
}
li.yuimenubaritem ul.first-of-type,
li.yuimenubaritem_activ ul.first-of-type {
position:relative;
}
/**
* Unterpunkte für Desktops öffnen
*/
@media (min-width:960px) {
li.yuimenubaritem_activ .yuimenu {
display:none !important;
}
li.yuimenubaritem:hover div.yuimenu,
li.yuimenubaritem_activ:hover div.yuimenu {
display:block !important;
transition:ease-in;
}
}
/*	css/styles-mobile.css	*/


/*** css/styles-mobile.css ***/

@media (min-width:960px) {
/**
* Fixieren der Navigation
*/
.navbar-fixed {
position:fixed;
margin-top:0px;
width:100%;
max-width:1200px;
top:0;
left:0;
transition:all ease 0.25s;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
z-index:200;
}
}
@media (max-width:960px) {
.dropapp-item {
width:50%;
}
}
/**
* Unterpunkte f�r Desktops �ffnen
*/
@media (min-width:768px) {
li.yuimenubaritem_activ .yuimenu {
display:none !important;
}
li.yuimenubaritem:hover div.yuimenu,
li.yuimenubaritem_activ:hover div.yuimenu {
display:block !important;
}
}
@media (max-width:767px) {
/**
* Navigation
*/
.navbar .yuimenu {
position:relative;
box-shadow:inherit;
background:none;
top:auto;
}
.navbar-toggle {
padding-right:0;
}
.navbar-collapse {
position:absolute;
left:0;
top:calc(100% + 2px);
width:100%;
background-color:#efefef;
}
li.yuimenubaritem,
li.yuimenubaritem_activ {
margin:0;
justify-content:flex-start;
border-bottom:2px solid #fff;
border-right:0px solid #fff;
}
div.yuimenubaritem,
div.yuimenubaritem_activ {
justify-content:flex-start;
padding:0 15px 0 15px;
margin:0;
}
div.yuimenubaritem a,
div.yuimenubaritem a:link,
div.yuimenubaritem a:hover,
div.yuimenubaritem a:active,
div.yuimenubaritem a:visited,
div.yuimenubaritem_activ a {
text-align:left;
}
li.yuimenuitem,
li.yuimenuitem_activ {
padding:0;
margin:0;
}
div.yuimenuitem,
div.yuimenuitem_activ {
padding:7.5px 15px 7.5px 30px;
margin:0;
border-top:1px solid #fff;
}
div.yuimenuimage,
div.yuimenuimage_activ {
position:absolute;
max-width:100px;
border:0;
}
.yuimenu ul.first-of-type {
margin-top:15px;
}
ul.first-of-type {
flex-direction:column;
-ms-flex-direction:column;
}
.header-search {
top:inherit;
bottom:3px;
left:0;
width:calc(100% - 50px);
}
.header-search ul {
padding-left:15px;
}
.dropapp-socialshare a,
.dropapp-socialshare a:link,
.dropapp-socialshare a:active,
.dropapp-socialshare a:visited,
.dropapp-socialshare a:focus {
font-size:1.5rem;
}
/**
* Pfeile
*/
li.yuimenubaritem.has-submenu::after,
li.yuimenubaritem_activ.has-submenu::after {
font-family:"FontAwesome";
content:"\f078";
position:absolute;
right:15px;
top:12px;
pointer-events:none;
transform:rotate(-90deg);
transition:transform 0.5s;
}
li.yuimenubaritem_activ.has-submenu::after {
transform:rotate(0deg);
}
/**
* 
*/
.carousel-indicators {
display:none;
}
.dropapp-item {
width:100%;
}
/**
* photo
*/
.dropapp-photo-web-img {
height:auto;
}
.fp-row_img,
.fp-row_text {
padding:0;
}
ul.foot-first-of-type {
display:block;
}
li.foot-yuimenubaritem_activ,
li.foot-yuimenubaritem {
margin:5px 0 5px 0;
}
}
@media (max-width:500px) {
.header-slogan {
position:absolute;
width:50%;
z-index:5;
left:15px;
top:150px;
}
}
/*	css/styles-color.css	*/


/*** css/styles-color.css ***/

/**
* Farben
*/
body {
background-color:#eee;
max-width:1200px;
margin:0 auto;
}
main {
background-color:#fff;
box-shadow:0px 0px 13px 1px rgba(162, 162, 162, 0.5);
}
/**
* Items
*/
.dropapp-item-paging {
color:#222;
background-color:#b8ceb0;
opacity:0.7;
}
.dropapp-item > div {
transition:box-shadow ease-in-out 0.25s, -webkit-box-shadow ease-in-out 0.25s;
background-color:#e9e9e9;
border:1px solid #ddd;
}
.dropapp-item:hover > div {
box-shadow:0 8px 17px 2px rgba(0, 0, 0, 0.38),
0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.dropapp-item .dropapp-item-date-date {
color:#666;
}
.dropapp-item .dropapp-item-img > a > img {
transition:all 0.5s ease-in-out;
filter:grayscale(100%) brightness(200%) contrast(50%);
}
.dropapp-item:hover .dropapp-item-img > a > img {
filter:inherit;
}
/**
* Hauptfarbe für Titel und Links
*/
a,
a:link,
a:active,
a:visited,
a:focus,
h1,
h2,
h3,
h4,
h5,
h1 > label,
h2 > label,
h3 > label,
h4 > label,
h5 > label,
h1 > a,
h1 > a:link,
h1 > a:active,
h1 > a:visited,
h1 > a:focus,
h2 > a,
h2 > a:link,
h2 > a:active,
h2 > a:visited,
h2 > a:focus,
.search span.fa,
.dropapp-search-field input,
.dropapp-search-field span {
color:#000;
}
.dropapp-socialshare a,
.dropapp-socialshare a:link,
.dropapp-socialshare a:active,
.dropapp-socialshare a:visited,
.dropapp-socialshare a:focus {
color:#ff7f00;
}
.dropapp-socialshare a:hover {
color:#ccc;
}
/**
* Flächen und Hintergründe
*/
div.yuimenubaritem,
.yuimenu,
nav,
.navbar-fixed > .navbar-header {
background-color:#fff;
}
footer {
background-color:#ff7f00;
}
footer div,
footer blockquote,
footer dd,
footer p,
footer li,
footer label,
footer td,
footer th,
footer a,
footer a:link,
footer a:active,
footer a:visited,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5 {
color:#fff;
}
div.yuimenuitem,
div.yuimenuitem > a,
div.yuimenuitem_activ > a,
div.yuimenubaritem,
div.yuimenubaritem > a,
li.yuimenubaritem.has-submenu::after,
li.yuimenubaritem_activ.has-submenu::after {
color:#999;
}
.footer-logo img {
padding:15px;
}
/**
* Borders
*/
.dropapp-search-field,
div.yuimenubaritem,
div.yuimenubaritem_activ,
input.form-control,
textarea.form-control {
}
.dropapp-search-field .search input.form-control {
background-color:#ff7f00;
border-color:#b2c8f5;
}
/**
* Over
*/
a:hover {
color:#5a5a5a;
}
.template--burger {
background-color:#fff;
}
/**
* Schriften
*/
div,
blockquote,
dd,
body,
p,
li,
label,
td,
th,
input,
textarea {
color:#000000;
}
hr {
border-top-color:#9e9e9e;
}
/**
* Farben Navigation
*/
div.yuimenubaritem_activ,
div.yuimenubaritem_activ > a {
color:#000;
}
/**
* Unterpunkte
*/
div.yuimenuitem:hover a,
div.yuimenuitem_activ:hover a {
color:#000;
}
/**
* Formulare
*/
input.form-control,
textarea.form-control {
border:1px solid #ccc;
}
.dropapp-search-field input,
.dropapp-search-field span {
border:none;
}
.dropapp-search-field span.fa-search {
color:#fff;
}
/**
* Kontakt Buttons
*/
.btn,
.shop-button {
border-radius:0;
-webkit-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
}
.btn:hover,
.shop-button:hover {
background-color:#999999;
border-top-color:#999999;
}
button.btn.btn-default {
background-color:#cccccc;
}
a.btn.btn-primary,
button.btn.btn-primary,
input.shop-button-order {
background-color:#ff7f00;
color:#fff;
border:0px solid #ffffff;
}
@media (max-width:767px) {
nav,
.navbar-fixed > .navbar-header {
background-color:#ff7f00;
}
div.yuimenubaritem {
background-color:#ffe3a4;
}
}
/*	css/styles-print.css	*/
@media print {


/*** css/styles-print.css ***/


}
/*	css/styles-cms.css	*/


/*** css/styles-cms.css ***/

* {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
}
html {
font-family:helvetica, sans-serif;
font-size:16px;
font-style:100;
font-weight:normal;
hyphens:auto;
}
h1 {
font-family:helvetica, sans-serif;
font-size:1.9rem;
font-style:normal;
font-weight:normal;
}
h2 {
font-family:helvetica, sans-serif;
font-size:1.3rem;
font-style:normal;
font-weight:normal;
}
h3 {
font-family:helvetica, sans-serif;
font-size:1.1rem;
font-style:normal;
font-weight:normal;
}
h4 {
font-family:helvetica, sans-serif;
font-size:1.1rem;
font-style:normal;
font-weight:normal;
}
h5 {
font-family:helvetica, sans-serif;
font-size:1.2rem;
font-style:normal;
font-weight:normal;
}
div {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:100;
line-height:1.5rem;
}
blockquote {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:normal;
line-height:1.5rem;
}
dd {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:100;
line-height:1.5rem;
}
body {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:100;
line-height:1.5rem;
}
p {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:100;
line-height:1.5rem;
}
li {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:100;
line-height:1.5rem;
}
label {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:200;
line-height:1.5rem;
}
td {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:100;
line-height:1.5rem;
}
th {
font-family:helvetica, sans-serif;
font-size:1rem;
font-style:normal;
font-weight:100;
line-height:1.5rem;
}
hr {
border:0;
border-top-style:solid;
border-top-width:2px;
}
a {
outline:none;
text-decoration:none;
}
a:link {
outline:none;
text-decoration:none;
}
a:visited {
outline:none;
text-decoration:none;
}
a:focus {
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active {
text-decoration:none;
}
/*	css/styles-body.css	*/


/*** css/styles-body.css ***/

body{
display:flex;
flex-direction:column;
height:100%;
min-height:100vh;
position:relative;
}