/**
   Style-Sheet-Definitionen | DUEVER SALZHAUSEN
                                                                          
   SCHEME:      __duever__                                                
   AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


@charset "UTF-8";

*    {  margin:0;
        padding:0;
     }


@font-face { 
	font-family: 'Opensans';
	src: url('../xfonts/opensans/OpenSans-Light-webfont.eot');
	src: url('../xfonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../xfonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
	     url('../xfonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
	     url('../xfonts/opensans/OpenSans-Light-webfont.svg#webfont') format('svg');
}

@font-face { 
	font-family: 'Corbel';
	src: url('../xfonts/corbel/corbel-webfont.eot');
	src: url('../xfonts/corbel/corbel-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../xfonts/corbel/corbel-webfont.woff') format('woff'),
	     url('../xfonts/corbel/corbel-webfont.ttf') format('truetype'),
	     url('../xfonts/corbel/corbel-webfont.svg#webfont') format('svg');
}

@font-face { 
	font-family: 'HVNC-Regular';
	src: url('../xfonts/hvnc/condensed/helvetica-neue-condensed.eot');
	src: url('../xfonts/hvnc/condensed/helvetica-neue-condensed.eot?#iefix') format('embedded-opentype'),
	     url('../xfonts/hvnc/condensed/helvetica-neue-condensed.woff') format('woff'),
	     url('../xfonts/hvnc/condensed/helvetica-neue-condensed.ttf') format('truetype'),
	     url('../xfonts/hvnc/condensed/helvetica-neue-condensed.svg#webfont') format('svg');
}


html { height: 100%; width: 100%; height: 100vh; min-height:100vh; margin: 0px; padding: 0px; }

body { width:100%; min-height:100vh; text-align: center; font-family: Opensans;  font-size: 15px; color: #fff; margin: auto; }

img  { border:0px; display:block; }


/******************************************************************************/
/*                                                                            */
/* GENERAL FORM CLASSES                                                       */
/*                                                                            */
/******************************************************************************/


form         { height:100%; }
input        { font-size:15px; border: 1px solid #ddd; padding:5px; color:#333;  }

.searchinput  { font:12px arial, sans-serif; border:0px; padding:6px; color:#555; background: #f5f5f5; }
.searchbutton { background: transparent url('icons/searchbutton.png'); width:51px; height:27px; border:0px; }

textarea     { font-family: Opensans; font-size:15px; border: 1px solid #ddd; padding:5px; color:#333; font-weight:bold; margin-top:5px; }

.noborder    { border:0px; }

.sndbutton   { font-family: Corbel; cursor:pointer; font-size: 16px; font-weight:bold; color:#3c3c3c; 
               height:44px; line-height:35px; padding:0px 10px 0px 10px; letter-spacing:-0.01em; background: #ffe200 url('icons/ad_highlight_nav.png') 0 1px repeat-x; 
               border:2px solid #ffface; border-radius: 3px; box-shadow: 0px 0px 8px 0px #060505;
             }

.formgrid    { display:grid; gap: 14px; grid-template-columns: 1fr 3fr; text-align:left; }
.formtitle   { margin-top:3px; }

#newsFXError {  background: #94002d; color: #fff; border:1px solid #330000; padding:10px; text-align:left; }
#newsFXOk    {  background: #298600; color: #fff; border:1px solid #226f00; padding:10px; text-align:left; }

.newsFXError {  background: #aa0000; color: #fff; border-radius:8px; margin-bottom:25px; border:1px solid #aa0000; padding:10px; text-align:left; }

p { /*text-align:justify;*/ letter-spacing: 0px; margin-top:10px; line-height:1.4em; }

/* SCROLLUP STUFF */

.scrollup { width:58px; height:59px; position:fixed; z-index:999; bottom:50px; right:110px; display:none; text-indent:-9999px; background: url('icons/ad_totop.png') no-repeat; } 


/******************************************************************************/
/*                                                                            */
/* BG FULL IMAGE FIX FOR SAFARI (AND OTHERS, TOO)                             */
/*                                                                            */
/******************************************************************************/

.wsbg    { background-image: url('icons/ad_designbg.jpg');
           background-size: cover;
         /*background-attachment: fixed; */
           position:fixed;
           background-repeat: no-repeat;
           background-position: center center;
           background-color:#333;
           height: 100vh;
           width: 100vw;
         }
.wsbgcon { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; }


/******************************************************************************/
/*                                                                            */
/* TOP NAVIGATION // LOGO                                                     */
/*                                                                            */
/******************************************************************************/

#topbar      { display:block; width:100%; height:142px; border-bottom:0px solid #fff; color:#fff; }
#toplove     { display:block; width:1020px; height:50px; margin:0 auto; background: url('icons/ad_wir_lieben_lebensmittel.png') right 0 top 24px no-repeat; }
#topbarinner { width: 1020px; /*980px;*/ text-align:right; margin:0 auto; height:102px; }
#logo        { float:left; position:relative; z-index:5; top:-7px; display:block; width:243px; height:102px; text-align:left; color:#fff; text-indent:-9999px; background:url('icons/ad_logo.png') 0 0 no-repeat; }



/******************************************************************************/
/*                                                                            */
/* MAIN NAVIGATION MENU                                                       */
/*                                                                            */
/******************************************************************************/

nav         { display:block; float:right; position:relative; z-index:15; right:0px; top:36px; /*width:735px;*/ height:35px; }
#menu       { float:right; text-align:right; margin:0 0 0 auto; }
#menu ul    { list-style: none; }
#menu li    { float:left; text-align:center; font-family: Corbel; font-size: 16px; font-weight:bold; 
              color:#3c3c3c; height:35px; line-height:35px; padding:0px 10px 0px 10px; /*letter-spacing:-1px; */ letter-spacing: -0.01em;
              background: #ffe200 url('icons/ad_highlight_nav.png') 0 1px repeat-x; border:2px solid #ffface;  border-radius: 3px;
              box-shadow: 0px 0px 8px 0px #060505; margin-left: 8px;
 
            }

#menu ul li a            { color: #3c3c3c; text-decoration: none; height:35px; }
#menu ul ul              { position: absolute; top: -9999px; padding: 0; margin: 0; }
#menu ul ul:before       { position: absolute; content:""; top: 0px; left: 0px; background: transparent; }
#menu ul li:hover ul     { top: 25px; }
#menu ul ul li           { float: none; font-family:Corbel; font-size:16px; font-weight:normal; padding: 0px; text-align: left; margin: 0; border-bottom: 1px solid #333; line-height: 35px;  }
#menu ul ul a            { display:block; color: #3c3c3c; text-decoration: none; background: #ffe200 url('icons/ad_navright.png') 10px 11px no-repeat; border-bottom:1px solid #fff; box-shadow: 0px 0px 0px 0px; font-weight:bold; padding:0px 10px 0px 24px; }
#menu ul ul li:hover     { background: #333; color: #fff; line-height:35px; background: #ffface;}
#menu ul ul li a:hover   { background: #ffface url('icons/ad_navright.png') 10px 11px no-repeat; }

#menu a        { display:block; color:#3c3c3c; text-decoration:none; height:35px; border-radius: 5px; }
#menu a:hover  { display:block; color:#3c3c3c; text-decoration:none; height:35px; box-shadow: 0px 0px 0px 0px #060505; }
#menu .active  { display:block; color:#3c3c3c; text-decoration:none; }

#menu .menuparent        { display:inline; background:#ffe200 url('icons/ad_highlight_nav.png') 0 1px repeat-x; color: #3c3c3c; padding:0px 8px 0px 10px; }
#menu .menuparent:hover  { /*background:#ffe200;*/ height:50px; }
#menu .menuparent.active { /*background:#ffe200;*/ }

#menu .bspan             { display:inline; right:0px; margin-left:8px; width:12px; height:12px; line-height:12px; padding:0px 0px 0px 12px; background: url('icons/ad_navdown.png') 0 6px no-repeat; }

#menu .menusub           { background:#ffe200; color:#3c3c3c; margin:20px 0px 0px -12px; border-top: none; border-left:2px solid #ffface;
                           border-right:2px solid #ffface; border-bottom:2px solid #ffface; padding-top:1px; width:245px;
                           border-radius: 0px 5px 5px 5px; box-shadow: 0px 0px 0px 0px #060505;
                         }
#menu .menusub li        { height:35px; box-shadow: 0px 0px 0px 0px #060505; border:none;  }


/******************************************************************************/
/*                                                                            */
/* MOBILE MENU STYLES                                                         */
/*                                                                            */
/******************************************************************************/

#mobilemenu { display:none; position:absolute; z-index:99; top: 145px; background: #ffe200; border:2px solid #ffface; 
              box-sizing:border-box; border-radius:5px; width:90%; box-shadow: 0px 0px 8px 0px #060505; text-align:left; }

#mobilemenu ul { list-style: none; }
#mobilemenu li { text-align:center;  }

#mobilemenu a { font-family: Corbel; font-weight:bold; display:block; padding:4%;  text-decoration:none; color: #333; font-size:17px; border-bottom:2px solid rgba(255,255,255,0.8); }
#mobilemenu a:hover { background: #ffe200; }
#mobilemenu .sep { font-family: Corbel; display:block; font-weight:bold; padding:4%; background: #ffe200; color: #333; font-size:17px; background-image: url(../xdata/icons/apx_down_w.svg); background-size:17px; background-position: right 21px center; background-repeat:no-repeat; border-bottom:2px solid rgba(255,255,255,0.8); }
#mobilemenu .sublink { background-color: #fff385; }

.mobilebutton { position:relative; background: url('../xdata/icons/responsive_menu.svg') 6px 4px no-repeat; padding:14px 26px; 
                color:#3c3c3c; top:15px;
                border:2px solid #ffface;  border-radius: 5px;
                box-shadow: 0px 0px 8px 0px #060505;
                background-color:#ffe200; background-size:40px; cursor:pointer;
              }

/*.mobileicon { width:30px; height:30px; position:relative; top:1px; }
.mobileiconBig { width:34px; height:34px; position:relative; top:0px; }
.mobilenavblock { float:right; width:50px; height:40px; }
*/

#tabletbutton { display:none; }
#tabletmenu   { display:none; position:absolute; left: -9999px;  }



/******************************************************************************/
/*                                                                            */
/* HORIZON STYLES                                                             */
/*                                                                            */
/******************************************************************************/

#horizon              { clear:both; width:100%; margin:0 auto; text-align:center; }

.horizoninner         { position:relative; z-index:2; width:1020px; margin: 0 auto 10px auto; text-align:center; background: transparent;  }

.bshadow     { clear:both; display:block; position:relative; top:0px; z-index:3; width:100%; max-width:1260px; height:20px; margin:0 auto; background: url('icons/ad_bshadow.png') 0 0 no-repeat; }
.bmshadow    { clear:both; display:block; width:100%; max-width:1260px; height:40px; margin: 40px auto 0px auto; background: url('icons/ad_bshadow.png') 0 0 no-repeat; }
.tshadow     { clear:both; display:block; width:100%; max-width:1260px; height:60px; margin:0 auto; background: url('icons/ad_tshadow.png') 0 17px no-repeat; }


/******************************************************************************/
/*                                                                            */
/* CONTENT STYLES // ARTICLE PAGE                                             */
/*                                                                            */
/******************************************************************************/

.col100 { float:left; margin:0; width:100%; }
.col50  { float:left; margin:0; display:block; width:47.083333333%; }
.col66  { float:left; margin:0; display:block; width:63.7499999934%; }
.col33  { float:left; margin:0; display:block; width:30.41666666634%; }

.gold12 { float:left; margin:0; display:block; width:35.2799344590105125%; }
.gold21 { float:left; margin:0; display:block; width:58.8867322089894833%; }
.col25  { float:left; margin:0; display:block; width:22.0833333335%; }

.space2 { float:left; display:block; margin-right: 5.833333333333%; }
.space3 { float:left; display:block; margin-right: 4.37500000049%; }
.space4 { float:left; display:block; margin-right: 3.88888888866%; }

.colContent   { position:relative; z-index:2; margin-top:60px; border:1px solid #636363; background: #4c4c4c url(icons/ad_trans.png);
                /*padding:50px 25px 25px 25px;*/
                padding:35px 25px 25px 25px;
                box-shadow: 0px 0px 24px 3px #060505; 
                line-height:1.4em;
                font-size:16px;
              }

.colContent a       { padding-left:14px; margin:0px 5px 0px 5px; background: url('icons/ad_linktextarr.png') 0px 6px no-repeat; font-weight:bold; color: #fff; text-decoration:underline; } 
.colContent a:hover { text-decoration:none; }
.colContent .noLink { border:0; padding:0; margin:0; text-decoration:none; }


.colContent h1  {  position:absolute; top:-30px; z-index:3; height:30px; 
                   background: #555 url('icons/ad_highlight_title.png') 0 1px repeat-x;
                   left:-1%; 
                   
                   width: calc(100% - 5.833333333333%); 
                   /*margin: -65px 0 40px -30px;*/
                   
                   font-family: Opensans; font-size:16px; color: #fff; text-align:left; padding:10px 25px 0px 25px; 
                   border-radius: 3px 3px 0px 0px;   
                   box-shadow: 0px 0px 6px 1px #060505;  
                 }
.col100 > div.colContent h1 { width:97%; }
.col100 > div.colContent { /*margin-top:60px;*/ }

.colContent h4   { font-size:16px; color: #fff180; text-align:left; font-weight:bold;  }
.colContent p    { text-align:left; font-size:16px; }

.colModule       { float:left; position:relative; z-index:2; }
/* .colModule h2    { font-family: Corbel; font-size:18px; color: #94002d; text-align:left; font-weight:bold; margin-bottom:15px; } **/
.colModule p     { text-align:left; padding-left:30px; /*font-family: Corbel;*/ font-size:16px; margin-top:15px;}


.innerList     { text-align:left; list-style-type: disc; color: #fff; margin-left:60px; padding-left: 0px; padding-top:2px; line-height: 1.8em; color: #fff; font-family: Corbel; font-size:15px; }
.artspacer     { clear:both; display:block; height:20px; margin-top:0px; background:transparent; }
.thinlineart   { clear:both; padding-top:0px; background: #fff; margin:0px 0px 16px 0px; border-bottom :1px solid #666;  background:transparent; }

.paraartspacer { clear:both; margin-top:30px; }
.paragraph     { font-family: Corbel; font-size:15px; color: #fff; }


/* DATENSCHUTZ */

.datenschutzContainer { text-align:left; } 
.datenschutzContainer h1 { font-size: 16px; }
.datenschutzContainer h2 { font-size: 18px; color: #fff180; }
.datenschutzContainer h3 { font-size: 16px; margin-bottom:15px; }
.datenschutzContainer p { margin-bottom:20px; }
.datenschutzContainer ul { margin:0 0 15px 30px; }

/* KOMMENTARE */

.comments    { float:right; color: #888; font:12px arial; text-decoration:none; }
.thinline    { clear:both; padding-top:16px; margin:0px 0px 16px 0px; border-bottom :1px solid #666; background:transparent;  }
.thinlinemod { clear:both; padding-top:20px; margin:0px 0px 20px 0px; border-bottom :1px solid #666; background:transparent; }
.sm          { font:11px arial; color:#888; }

/* SPAMSCHUTZ HIDE CLASS */

.wieder      { display:none; }
.smaller     { font-family:arial; font-size:12px; margin-top:5px; }


/******************************************************************************/
/*                                                                            */
/* MODULE USW....                                                             */
/*                                                                            */
/******************************************************************************/

.module    { position:relative; top:0px; left:0; z-index:2; margin:30px 0 0 0; width:100%; border:1px solid #636363; background: #333; box-shadow: 0px 0px 24px 3px #060505; }
.module p  { margin:0; padding:0; /*font-family: Corbel;*/ font-size:16px; }

.modheader  { position:relative; top:-1px; left:-1%; width:102%; z-index:3; height:30px; background: #555 url('icons/ad_highlight_title.png') 0 1px repeat-x;
              font-size:16px; color: #fff; text-align:center; padding-top:10px; border-radius: 3px 3px 0px 0px; box-shadow: 0px 0px 6px 1px #060505; 
            }

.buttoncontainer { display:block; width:100%; position:absolute; bottom: 8px; right:12px; z-index:2; height:32px; text-align:right; }
 
.module a.modulebutton,
.colContent a.modulebutton { height:42px; border:2px solid #ffface; font-family: Corbel; font-size:16px; font-weight:bold; text-align:left; 
                             background:#ffe200 url('icons/ad_highlight_button.png') 0 1px repeat-x; color: #3c3c3c; padding:8px 8px 8px 14px; 
                             border-radius: 3px; box-shadow: 0px 0px 12px 1px #060505; text-decoration:none; overflow:hidden;
                           }

.modulebuttonspan { display:inline; margin-left:8px; line-height:12px; padding:0px 0px 0px 8px; background: url('icons/ad_navright.png') 0 4px no-repeat; }

.modulecontent         { box-sizing:border-box; position:relative; width:100%; background: transparent; color:#fff; padding:25px; text-align:left; }
.modulecontent a       { display:inline; clear:none; height:14px; line-height:14px; /* font-family: Corbel;*/ font-size:16px; padding-left:14px; margin:0px 5px 0px 5px; background: url('icons/ad_linktextarr.png') 0px 6px no-repeat; font-weight:bold; color: #fff; text-decoration:underline; border:0px; }
.modulecontent a:hover { text-decoration:none; /* font-weight:bold; color: #555555; text-decoration:underline;*/ }

.modulecontentimage  { position:relative; max-width:480px; margin:0 auto; /*top:0px; bottom:0px; left:0px; z-index:2;*/ width:100%; /*width:296px; max-height:419px; */ }
.modulecontentimage  a { border:0; }
.modulecontentimage  img { width:100%; }





.modulecontent a.modulelink        { clear:both; display:table; margin:7px 0px 7px 0px; height:30px; line-height:30px; padding:0px 0px 0px 15px; font-family: OpenSans; font-size:13px; border:1px solid #ca0742; background: url('icons/al_linkbg.jpg'); color:#fff; font-weight:bold; text-decoration:none; text-align:left; }
.modulecontent .modulelittleLinkSpan { float:right; display:block;  right:0px; margin-left:14px; width:16px; height:24px; line-height:28px; padding:6px 0px 0px 9px; background: url('icons/al_linkbg24arr.jpg') repeat-x; }


/******************************************************************************/
/*                                                                            */
/* STARTSEITE SLIDER                                                          */
/*                                                                            */
/******************************************************************************/

.mainslider { visibility:hidden; }

.slickContent                  { position:relative; text-align:left; }
.slickContent .slidertext      { position:absolute; width:255px; font-size:16px; font-weight:bold; right:25px; top:30px; color:#fff; padding:15px; background: #3c3c3c; border:1px solid #6c6c6c;} 
.slickContent .slidertextsmall { display:block; text-align:right; margin:10px 0 0 0; font-size:12px; font-weight:normal; }
.slickContent .heart           { position:relative; top:3px; display:inline; padding:0 2px 0 2px; }

.startslidernav { position: absolute; left: -12px; bottom:-49px; width:103%; height:48px; border:2px solid #ffface; font-family: Corbel; font-size:15px; font-weight:bold; text-align:left; background:#ffe200 url('icons/ad_highlight_slidernav.png') 0 1px repeat-x; color: #3c3c3c; border-radius: 3px; box-shadow: 0px 0px 12px 1px #060505; text-decoration:none; overflow:hidden; }

#slidercontent { position:absolute; z-index:15; bottom:-61px; left:29px; height:75px; }

.sliderspacer { float:left; width:40px; display:block; background:#ccc; }

.sliderlinks    { display:table; float:left; text-align:center; font-family: Corbel; font-size:14px; font-weight:bold; width:197px; height:44px; margin-top:16px; }
.sliderlinks p  { display:table-cell; vertical-align: middle; text-align:center; }
.sliderlinks a  { text-decoration:none; color: #3c3c3c; background:none; padding:0; margin:0;}
.sliderlinks a:hover { text-decoration:none;  background:none; padding:0; margin:0; }

.sliderlinksSelected { float:left; display:table; vertical-align: middle; width:184px; height: 64px; padding-top:6px; background: url('icons/ad_sliderselected.png'); }
.sliderlinksSelected p { display:table-cell; vertical-align: middle; text-align:center; line-height:1.2em; color: #fff; font-weight:bold; font-family: Corbel; font-size:18px; /*letter-spacing:-1px;*/ }

.homeSlider .slick-prev { position:absolute; z-index:999; left: -4px; bottom:-42px; width:36px; height:36px; background: #333 url('icons/left-arrow.png') 2px 1px no-repeat; cursor:pointer; outline:none; border-radius:5px; border: 2px solid #fff; }
.homeSlider .slick-next { position:absolute; z-index:999; right:-4px; bottom:-42px; width:36px; height:36px; background: #333 url('icons/right-arrow.png') 1px 1px no-repeat; cursor:pointer; outline:none; border-radius:5px; border: 2px solid #fff; }

.slick-dots ul { list-style:none; }
.slick-dots li { display:inline-block; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button { position:relative; top:-10px; font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 4px; cursor: pointer; color: transparent; border: 0; outline: none; border-radius:50%; background: #eee; margin:0 10px; }
.slick-dots li.slick-active button { background:#aaa; }

.newsSlider    { margin-top:10px; }
.newsItem      { height:280px; max-height:280px; }
.newsSlider h2 { margin: 0 0 20px 20px; text-align:left; }
.newsItem img  { width:100%; border:1px solid #636363; background: #333; box-shadow: 0px 0px 20px 3px #060505; margin: 0 20px; overflow:hidden; }

/*.slick-list .newsItem { margin: 0 12px 0 12px;}
  .slick-slide .newsItem > div { padding: 0 -12px 0 -12px;} 
*/

.newsSlider .slick-prev { position:absolute; z-index:999; left: -60px; bottom: 120px; width:32px; height:45px; background: url('icons/ad_aktleft.png') 1px 1px no-repeat; cursor:pointer; outline:none; border: none; }
.newsSlider .slick-next { position:absolute; z-index:999; right:-60px; bottom: 120px; width:32px; height:45px; background: url('icons/ad_aktright.png') 1px 1px no-repeat; cursor:pointer; outline:none; border: none; }


/******************************************************************************/
/*                                                                            */
/* STELLENANGEBOTE                                                            */
/*                                                                            */
/******************************************************************************/

.stellenangebote_details { text-align:left; }
.stellenangebote_details h2 { font-family: 'HVNC-Regular'; font-size: 36px; letter-spacing: 0.03em; margin-bottom:40px; line-height:1.1em; }
.stellenangebote_details h3 { font-family: 'HVNC-Regular'; font-size: 24px; letter-spacing: 0.03em; margin:35px 0 35px 0; line-height:1.1em; }
.stellenangebote_details ul { margin:0 0 40px 40px; line-height:1.8em; }
.stellenangebote_details li { padding-left:10px; line-height:1.8em; }
.stellenangebote_details hr { margin:18px 0; border:1px solid #888; }


.stellenangebote_img  { display:black; border-radius:8px; width:100%; height:250px; background-size: cover; background-repeat:no-repeat; background-position:center center; }

.stellenangebote_darkbar  { padding:20px 15px; border-radius:8px;  background: #333; margin-bottom:40px; }
.stellenangebote_darkbar_sa  { padding:20px 15px; border-radius:8px;  background: #333; margin-bottom:40px; }
.stellenangebote_darkbar:hover { background-color:#555; }

.stellenangebote_expressbar  { padding:20px 15px; border-radius:8px;  background: #3560b3; margin-bottom:40px; }
.stellenangebote_expressclock_md { display:inline; position:relative; width:32px; height:32px; top: 8px; margin-right: 6px; }
.stellenangebote_expressphone_md { display:inline; position:relative; width:40px; height:40px; top: 13px; margin-left: 8px; }
.stellenangebote_expressbar p { line-height:1.5em; }
.stellenangebote_expressbar h3 { margin:0 0 15px 0; }
.stellenangebote_expressbar h4 { color:#fff; font-size: 20px; margin-bottom:5px; }

.stellenangebote_db_title { font-size:12px; }
.stellenangebote_db_pos   { font-family: 'HVNC-Regular'; font-size: 20px; }

.stellenangebote_adv        { float:left; width:110px; height:160px; text-align:center; margin: 0 8px; }
.stellenangebote_adv_img    { width:40px; height:40px; position:relative; top:17px; left:17px; }
.stellenangebote_adv_circle { display:block; border-radius: 50%; background: #ffe200; width:75px; height:75px; margin:0 auto; }
.stellenangebote_adv_text   { margin-top:20px; font-size:12px; text-align:center; line-height: 1.5em; }

.stellenangebote_incentive_mail { display:block; position:relative; top:-7px; font-family: 'HVNC-Regular'; font-size: 20px; color: #000!important; text-decoration:none!important; font-weight:normal!important; background: #ffe200!important; padding:15px!important; text-align:center; }

.stellenangebote_insetLG { margin-left:0px; line-height:1.5em; }
.stellenangebote_insetSM { margin-left:0px; line-height:1.5em; }

/* Customize checkbox */

.container { display: block; position: relative; padding: 4px 0 0 36px; margin-bottom:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:1.3em; }
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 26px; width: 24px; background-color: #fff; border-radius:3px;  border:1px solid #fff; color: #000; }
.container:hover input ~ .checkmark { background-color: #ffe200; border:1px solid #ffe200; }
.container input:checked ~ .checkmark { background-color: #ffe200; border:1px solid #ffe200; }
.checkmark:after { content: ""; position: absolute; display: none; }
.container input:checked ~ .checkmark:after { display: block; color:#000; }
.container .checkmark:after { left: 7px; top: 4px; width: 7px; height: 12px; border: solid black; border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }



/******************************************************************************/
/*                                                                            */
/* FOOTER STYLES                                                              */
/*                                                                            */
/******************************************************************************/

footer              { clear: both; display: block; width: 100%; text-align:left;  }
#innerfoot          { margin: 0 auto; width: 1020px; background: transparent; font-family: Opensans; font-size: 16px; color:#fff; padding:0px 0px 46px 0px; line-height:1.5em; }
#innerfoot a        { color:#fff; letter-spacing: -0.02em; }
#innerfoot a:hover  { text-decoration:none; }

#innerfoot .head01  { display:block; /*height:60px;*/ background: url('icons/ad_lebensmittel-feinkost.png') 0px 6px no-repeat; }
#innerfoot .head02  { display:block; /*height:60px;*/ background: url('icons/ad_oeffnungszeiten.png') no-repeat; }

#innerfoot .larger       { font-size:20px; }
#innerfoot .lebensmittel { display:block; margin-top:115px; height:26px; background:url('icons/ad_wir_lieben_lebensmittel.png'); background-repeat:no-repeat; }

/**
#innerfoot .col3a   { float:left; width:268px; padding:48px 15px 0px 10px; text-align:left; background:transparent; }
#innerfoot .col3a a  { color:#fff; }
#innerfoot .col3a a:hover  { text-decoration:none; }

#innerfoot .col3b   { float:left; width:206px; padding:48px 15px 0px 10px; text-align:left; background:transparent; }
**/

#innerfoot .instagram { position:relative; z-index:999; top: -120px; left: 60px; }
#innerfoot .facebook { position:relative; z-index:999; top: -5px; left: 62px; }
#innerfoot .logo    { position:relative; z-index:999; top: -42px; left:60px; width:64px; height:102px; background:url('icons/ad_edeka_logo.png') no-repeat; text-align:left; }


/******************************************************************************/
/*                                                                            */
/* SPECIAL POPUP WINDOW STYLES                                                */
/*                                                                            */
/******************************************************************************/

/** width:100%; max-width:960px; height:80vh; max-height:655px; padding:10px; */

#popup       { clear:both; width:100%; max-width:716px; background:url('icons/ad_designbg.jpg') no-repeat; background-size:cover; color:#fff; font-size:20px; text-align:center; }
.popup-content { box-sizing:border-box; padding: 100px 60px 80px 60px; 
                 border-image: url('icons/rahmen.png') round;
                 /* border-image-slice: 7 12 14 5; */
                 border-image-slice: calc(50 / 284 * 100%) calc(25 / 284 * 75%) fill; 
                 border-image-width: 40px 40px; 
               }
.popup-content h1 { font-size:28px; }
.popup-content p { text-align:center; }
.popup-content .wichtig { position:absolute; z-index:9999; width:176px; height:108px; left:18px; top:18px; background: url('icons/wichtig.png') 0 0 no-repeat; }

.jBox-overlay { background-color: rgba(0, 0, 0, 0.7)!important; }
.jBox-Modal .jBox-container { border-radius:0px!important; }
.jBox-content { padding:0!important; }
.jBox-Modal .jBox-content  { padding:0!important; }
.jBox-closeButton-box .jBox-closeButton { top: -14px!important; right: -12px!important; width: 35px!important; height: 35px!important; background: #000!important; border:3px solid #ccc; }
.jBox-closeButton-box .jBox-closeButton svg { width: 16px!important; height: 15px!important; margin-top: -7px!important; margin-right: -8px!important; }
.jBox-closeButton path { fill: #eee!important; }


/******************************************************************************/
/*                                                                            */
/* MEDIES QUERIES                                                             */
/*                                                                            */
/******************************************************************************/


@media only screen 
and (max-width: 479px) 
{
  /* FORMS */

   .formgrid    { display:grid; gap: 14px; grid-template-columns: 1fr; text-align:left; }
   .formtitle   { margin:3px 0 3px 0; }

  /* HEAD */

     #toplove { width:90%; margin:0 5%; background: url('icons/ad_wir_lieben_lebensmittel.png') right 0 top 12px no-repeat; }
     #topbarinner { width:90%; margin:0 5%; }

     #horizon { width:100%; margin:0 auto; } 
     .horizoninner { width:90%; }
  
     #logo      { float:left; position:relative; z-index:5; top:-7px; display:block; width:220px; height:92px; text-align:left; color:#fff; text-indent:-9999px; background:url('icons/ad_logo.png') 0 0 no-repeat; background-size:220px 92px; }

     .bshadow { background-size:100%; }
     .bmshadow { background-size:100%; }
     .tshadow { background-size:100%; }

  /* NAVIGATION */

     nav        { display:none; }    

  /* CONTENT */
  
     .startParty { width:66%!important; float:left!important; box-sizing:border-box; }
     .startPartyImg { width:33%!important; float:left!important; text-align:center;}
     .startPartyImg img { width:100%!important; height:auto; text-align:center;}

     .col33  { width:100%; float:none; margin:0; }
     .col50  { width:100%; float:none; margin:0; }
     .col66  { width:100%; float:none; margin:0; }
     .space2 { width:100%; float:none; margin:0; }

     .colContent h1  { width: calc(102% - 48px); }
     .col100 > div.colContent h1 { width: calc(102% - 48px); }

     a { word-wrap: break-word; }   /*KILL LONG LINKS RESPONSIVE */

     .module { width:100%; }

  /* SLIDER */     

     .homeSlider { margin-bottom:50px; }
     .startslidernav { left:-8px; bottom:0px; }
     .slidertext { display:none; }
     .sliderlinks { display:none; }
     .sliderlinksSelected { float:none; position:relative; bottom:50px; }
     #slidercontent { left: calc(50% - 92px);}

  /* FOOT */
  
     #innerfoot { width:90%; margin:0 5%; } 
     #innerfoot .lebensmittel { margin:30px 0; }

     #innerfoot .socialmedia { position:relative; height:60px; }
     #innerfoot .facebook    { position:absolute; left: 150px; top: 0px;  }
     #innerfoot .instagram   { position:absolute; left: 82px; top:-2px;  }
     #innerfoot .logo        { position:absolute; left: 0px; top:0px;  }

     .scrollup { right:5%; bottom:20px; }

  /* POPUP */
  
     /** #popup { width:90%; max-width:90%; } **/

  /* STELLENANGEBOTE */
  
     .stellenangebote_incentive_mail { display:block; position:relative; top: 0px; margin:25px 0!important; }
     .stellenangebote_darkblock { margin-bottom:25px; }

     .stellenangebote_insetLG { margin-left:0px; line-height:1.5em; }
     .stellenangebote_insetSM { margin-left:0px; line-height:1.5em; }

}


@media only screen 
and (min-width: 480px) and (max-width: 767px)
{

   /* FORMS */

      .formgrid    { display:grid; gap: 14px; grid-template-columns: 1fr; text-align:left; }
      .formtitle   { margin:3px 0 3px 0; }

   /* HEAD */

      .mobilebutton { top:20px; }
      #mobilemenu { top:154px; width:80%; }

      #toplove { width:80%; margin:0 10%;  }
      #topbarinner { width:80%; margin:0 10%; }

      #horizon { width:100%; margin:0 auto; } 
      .horizoninner { width:80%; }

      #logo      { float:left; position:relative; z-index:5; top:-7px; display:block; width:243px; height:102px; text-align:left; color:#fff; text-indent:-9999px; background:url('icons/ad_logo.png') 0 0 no-repeat; background-size:243px 102px; }

     .bshadow { background-size:100%; }
     .bmshadow { background-size:100%; }
     .tshadow { background-size:100%; }


   /* NAVIGATION */

      nav        { display:none; }    

   /* CONTENT */

     .startParty { width:66%!important; float:left!important; box-sizing:border-box; }
     .startPartyImg { width:33%!important; float:left!important; text-align:center;}
     .startPartyImg img { width:100%!important; height:auto; text-align:center;}

     .col33  { width:100%; float:none; margin:0; }
     .col50  { width:100%; float:none; margin:0; }
     .col66  { width:100%; float:none; margin:0; }
     .space2 { width:100%; float:none; margin:0; }

     .colContent h1  { width: calc(102% - 48px); }
     .col100 > div.colContent h1 { width: calc(102% - 48px); }

     .modulecontentimage { box-sizing: border-box; padding: 10%; }
     .modulecontentimage.prospekt { padding:0; height:auto!important;  }
     .modulecontentimage.prospekt img { max-width:100%; }

     a { word-wrap: break-word; }   /*KILL LONG LINKS RESPONSIVE */

     .buttoncontainer { bottom: 16%; right: 13%;}

     .module { width:100%; }

   /* SLIDER */  

     .homeSlider { margin-bottom:50px; }
     .startslidernav { left:-8px; bottom:0px; }
     .slidertext { display:none; }
     .sliderlinks { display:none; }
     .sliderlinksSelected { float:none; position:relative; bottom:50px; }
     #slidercontent { left: calc(50% - 92px);}

   /* FOOT */

     #innerfoot { width:80%; margin:0 10%; } 

     #innerfoot .lebensmittel { margin:30px 0; }
 
     #innerfoot .socialmedia { position:relative; height:60px; }
     #innerfoot .facebook    { position:absolute; left: 150px; top: 0px;  }
     #innerfoot .instagram   { position:absolute; left: 82px; top:-2px;  }
     #innerfoot .logo        { position:absolute; left: 0px; top:0px;  }

     .scrollup { right:10%; bottom:20px; }

   /* POPUP */
   /* STELLENANGEBOTE */
  
    .stellenangebote_incentive_mail { display:block; position:relative; top: 0px; margin:25px 0!important; }
    .stellenangebote_darkblock { margin-bottom:25px; }

}

/** 
@media only screen 
and (min-width : 600px) and (max-width : 768px)
{

}
**/

@media only screen 
and (min-width: 768px) and (max-width : 1023px)
{
     #topbar { height: 180px; }
     #toplove { width:96%; margin:0 2%; position: absolute; height: 59px; right: 0; top:20px;}
     #topbarinner { width:96%; margin:0 2%; }

     #horizon { width:100%; margin:0 auto; } 
     .horizoninner { width:96%; }

     #logo { top:15px; display:block; width:200px; height:84px; background-size:200px 84px; margin-right:300px; }

     /* HEAD */

     .bshadow { background-size:100%; }
     .bmshadow { background-size:100%; }
     .tshadow { background-size:100%; }

   /* NAVIGATION */

      nav { float:left; }

      #menu li { margin: 0 8px 0 0; } 

   /* CONTENT */

      .colContent { margin-top: 50px; }

      .colContent h1  { width: calc(102% - 48px); }
      .col100 > div.colContent h1 { width: calc(102% - 48px); }

      .module { width:100%; margin-top:20px; }
      .modheader { letter-spacing: -0.03em; font-size:15px;}

   /* SLIDER */  

      .homeSlider { margin-bottom:50px; }
      .startslidernav { left:-8px; bottom:0px; }
      .slidertext { display:none; }
      .sliderlinks { display:none; }
      .sliderlinksSelected { float:none; position:relative; bottom:50px; }
      .sliderlinksSelected p { font-size:17px; padding:0 10px; }
      #slidercontent { left: calc(50% - 92px);}

   /* FOOT */

      #innerfoot { width:96%; margin:0 2%; } 

      .scrollup { right:5%; bottom:20px; }

   /* HIDE MOBILE MENU ELEMENTS */

      .mobilebutton { display:none; position:absolute; left: -9999px; }
      #mobilemenu     { display:none; position:absolute; left: -9999px; }

}
@media only screen 
and (min-width: 1024px) and (max-width:1199px)
{
     #toplove { width:96%; margin:0 2%;  }
     #topbarinner { width:96%; margin:0 2%; }

     #horizon { width:100%; margin:0 auto; } 
     .horizoninner { width:96%; }

     #innerfoot { width:96%; margin:0 2%; } 

   /* HIDE MOBILE MENU ELEMENTS */

      .mobilebutton { display:none; position:absolute; left: -9999px; }
      #mobilemenu     { display:none; position:absolute; left: -9999px; }

}

@media only screen 
and (min-width: 1200px)
{

  /* HIDE ELEMENTS */

  /* HIDE MOBILE MENU ELEMENTS */

     .mobilebutton  { display:none; }
     #mobilemenu { display:none; position:absolute; left: -9999px; }

     #tabletbutton { display:none; }
     #tabletmenu   { display:none; position:absolute; left: -9999px; }

 */
}