/*
Theme Name: Abo-Boxen.de Theme
Theme URI: http://www.Abo-Boxen.de/
Description: Das Offizielle Abo-Boxen.de Wordpress Theme.
Version: 2.0     
Author: Dennis Niedernhoefer
Author URI: http://www.3h-media.net/
*/


/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-condensed-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-condensed-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html{ height: 100%; }
body{ background: #fff; color: #122634; font-size: 100%; line-height:1.6; margin: 0; height: 100%; }
*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
a img{ border: none; outline: none; }
a{ color: #0d568b; text-decoration: none; }
article a{ padding: 4px; margin: -4px; }    
article a:hover { text-decoration: underline; }
hr{ height: 1px; border: none; background: #DDDDDD; margin: 1em 0; }

body, textarea, input, select{ font-family: 'Open Sans', Verdana, Arial, sans-serif; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ vertical-align: top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block; }
           
img[class*="align"], img[class*="wp-image-"]{ height: auto; }
img, .wp-caption{ max-width: 100%; height: auto; }
img{ vertical-align: bottom; }

strong{ font-weight: 600; }   

.grey{ color: #555; }
.clear{ clear: both; }
.left{ float:left; }
.right{ float:right; }
.show{ display: block!important; }
.hide{ display: none!important; }
.listReset{ margin: 0; padding: 0; list-style: none; } 
.last{ margin-right:0!important; }
.aligncenter{ margin:0 auto; }
.alignright{ float:right; margin: 0.25em 0 0.25em 0.75em; }
.alignleft{ float:left; margin: 0.25em 0.75em 0.25em 0; }

.dashicon:before { font-family: "dashicons"; line-height: 0; }
                                                                                                                      
.wp-caption{ padding:5px; border: 1px solid #DADADA; background: #f2f2f2; margin: 0 0 1em 0; text-align: center; }
.wp-caption.aligncenter{ margin: 0 auto 1em; }
.wp-caption img{ border: 1px solid #DADADA; padding:5px; background: #fff;  }
.wp-caption-text{ color: #6D6D6D; font-size: 0.75em; margin: 0.15em 0; font-style: italic; }
.wp-caption dl{ text-align: left; font-size: 0.8em; overflow: hidden; margin: 1em 0.2em 0; line-height:1.2; }
.wp-caption dl dt{ float: left; width:40%; margin: 4px 0; font-style: italic; color: #808080; }
.wp-caption dl dd{ float: left; width:60%; margin: 4px 0; }

h1, h2, h3, h4, h5, h6{ font-weight: bold; color: #262626; margin: 0 0 0.75em; font-family: 'Open Sans Condensed'; line-height: 1.3; }
h1{ font-size: 1.625em; }
h2{ font-size: 1.4em; }
h3{ font-size: 1.25em; }
h4{ font-size: 1.125em; }
h5{ font-size: 1em; }
h6{ font-size: 0.925em; }

h1.light, h2.light{ font-weight: 300; font-size: 2em; color: #848484; } 
h1.withsubtitle{ margin-bottom: 0; } 
h2.subtitle{ font-size: 1.25em; color: #808080; font-weight: 300; } 

.page{ max-width: 1100px; margin: 0 auto; padding: 0 1em; }

header.header{ overflow: hidden; position: relative; background: url(images/boxes-bg.png) repeat; padding: .5em 0; }
header.header .logo{ display: block; float: left; max-width: 75%; padding: .55em 0; }
header.header .ad{ display: none; }
header.header .ad *{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
header.header .mobileButton{ position: absolute; right: 1em; bottom: 1em; height: 1em; }
header.header .mobileButton:focus{ outline: none; }
header.header .mobileButton:before{ content: "\f333"; font-size: 2.5em; position: absolute; right: 0; top: 0; }
  
.pageContainer{ margin-top: 1em; }
.pageContainer > .contentContainer{ font-size: 0.875em; /* 14px */ }
                          
.mainad{ display: block; padding: .75em .5em 0; text-align: center; } 
.mainad.footermobile{ display: block; }
.mainad.footerdesktop{ display: none; }          
.mainad-mobile{ text-align: center; }     
.mainad-desktop{ display: none; }
                                                   
.mainmenu{ background: #0d568b; padding: .25em 0; }
.mainmenu ul{ display: none; overflow: hidden; }
.mainmenu li{  }
.mainmenu a{ color: #fff; font-size: 1.125em; margin: .25em 0; display: block; padding: .375em .5em; line-height: 1; font-family: 'Open Sans Condensed'; }
.mainmenu .current-menu-item a, .mainmenu a:hover{ color: #122634; background: #8dc83f; }
    
.queryinfo{ border-bottom: 1px solid #dddddd; margin: 2em 0 1.5em; overflow: hidden; font-size: .925em; }   
.queryinfo .spacer{ margin-left: 2em; } 

.boxList > li{ background: url(images/boxes-bg.png) repeat; border: 1px solid #dddddd; margin: 1em 0 1.5em; display: table; table-layout: fixed; width: 100%; }
.boxList.boxTipp > li{ border-color: #8dc83f; }
.boxList > li:hover{ border: 1px solid #0d568b; }
.boxList > li > a:hover{ text-decoration: none!important; }  
.boxList > li > a{ display: table-row; }             
.boxList > li > a > .boxImage, .boxList > li > a > .boxContent{ display: table-cell; }                                 
.boxList > li > a > .boxImage{ position: relative; width: 90px; vertical-align: middle; background: #fff; padding: 1em 1.5em; text-align: center; }
.boxList > li > a > .boxImage .wpars_rating{ bottom: 1em; left: 0; position: absolute; width: 100%; }
.boxList > li > a > .boxImage > img{ max-height: 75px; }
.boxList > li > a > .boxContent{ padding: 1em; }                                    
.boxList > li > a > .boxContent .title{ line-height: 1.1; color: #0d568b; display: block; font-weight: bold; font-family: 'Open Sans Condensed'; font-size: 1.25em; }                                    
.boxList > li > a > .boxContent .subtitle{ color: #848484; border-bottom: 1px solid #122634; padding-bottom: 0.375em; margin-bottom: 0.375em; display: block; font-family: 'Open Sans Condensed'; }                                    
.boxList > li > a > .boxContent .desc{ color: #8dc83f; font-weight: bold; } 

.gutscheinList > li{ background: url(images/boxes-bg.png) repeat; border: 1px solid #dddddd; margin: 1em 0 1.5em; display: table; table-layout: fixed; width: 100%; }
.gutscheinList > li:hover{ border: 1px solid #0d568b; }
.gutscheinList > li > a:hover{ text-decoration: none!important; }  
.gutscheinList > li > a{ display: table-row; }             
.gutscheinList > li > a > .boxImage, .gutscheinList > li > a > .voucherValue, .gutscheinList > li > a > .boxContent{ display: table-cell; }                                 
.gutscheinList > li > a > .boxImage{ position: relative; width: 90px; vertical-align: middle; background: #fff; padding: 1em; text-align: center; }
.gutscheinList > li > a > .boxImage .wpars_rating{ bottom: 1em; left: 0; position: absolute; width: 100%; }
.gutscheinList > li > a > .boxImage > img{ max-height: 75px; }
.gutscheinList > li > a > .voucherValue{ position: relative; width: 90px; vertical-align: middle; background: #fff; padding: .25em; text-align: center; font-size: 2em; font-weight: bold; }
.gutscheinList > li > a > .boxContent{ padding: 1em; }                                    
.gutscheinList > li > a > .boxContent .title{ line-height: 1.1; color: #0d568b; display: block; font-weight: bold; font-family: 'Open Sans Condensed'; font-size: 1.25em; }                                    
.gutscheinList > li > a > .boxContent .subtitle{ color: #848484; border-bottom: 1px solid #122634; padding-bottom: 0.375em; margin-bottom: 0.375em; display: block; font-family: 'Open Sans Condensed'; }                                    
.gutscheinList > li > a > .boxContent .desc{ color: #8dc83f; font-weight: bold; }
            
.gutscheinData{ text-align: center; border: 1px solid #dddddd; margin: 0 0 1em; padding: 1.5em 2em; background: url(images/boxes-bg.png) repeat 0 0; }                                  
.gutscheinData h2{ font-size: 1.625em; }       
.gutscheinData .button a{ font-size: 1.375em; }
.gutscheinData .code{ font-size: .925em; margin: .25em 0; width: 320px; max-width: 100%; text-align: center; background: #fff; border: none; font-weight: bold; cursor: text; } 

#singlebox .boxInfo{ background: url(images/boxes-bg.png) repeat; border: 1px solid #dddddd; margin: 1em 0 1.5em; } 
#singlebox .boxInfo .infoRow > .boxImage{ position: relative; vertical-align: middle; background: #fff; padding: 1em 1.5em; text-align: center; }
#singlebox .boxInfo .infoRow > .boxImage .rating{ bottom: .75em; left: 0; position: absolute; width: 100%; }
#singlebox .boxInfo .infoRow > .boxImage .rating .info{ margin-top: 2px; font-size: 12px; font-family: 'Open Sans Condensed'; }
#singlebox .boxInfo .infoRow > .boxImage img{ max-height: 100px; }         
#singlebox .boxInfo .infoRow > .boxContent{ padding: 1.25em 1.75em; line-height: 2; } 
#singlebox .boxInfo .infoRow > .boxContent strong{ display: inline-block; width: 100px; }                                    
.button{ margin-top: 1em; }
.button a{ background: #8dc83f; color: #fff; font-family: 'Open Sans Condensed'; font-weight: bold; padding: 0.25em 0.75em; }                                    
.highlight-btn{ text-align: center; margin: 1.5em 0; }
.highlight-btn .button{ font-size: 1.25rem; }
.highlight-btn .button a{ padding: .5em 1em; }

.deeplinkList{ overflow: hidden; margin: 1em 0 1.5em; padding-right: 2em; position: relative; }
.deeplinkList > a.deeplink{ overflow: hidden; width: 49.5%; padding-top: 44%; margin: 0 .5% .5% 0; height: 0; position: relative; text-align: center; float: left; display: block; background: url(images/loading.gif), center, no-repeat; }
.multiplebgs .deeplinkList > a.deeplink{ background-image: url(images/loading.gif), url(images/boxes-bg.png); background-position: center, 0 0; background-repeat: no-repeat, repeat; }
.deeplinkList > a.deeplink > span{ overflow: hidden; height: 2em; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 1.125em; background: #0d568b; color: #fff; font-family: 'Open Sans Condensed'; }
.deeplinkList > a.deeplink > span > span{ position: absolute; padding-top: .5em; line-height: 1em; top: 0; left: 0; width: 100%; }
.deeplinkList > a.deeplink img{ position: absolute; top: 0; left: 0; width: 100%; }
.deeplinkList > a.deeplink:hover > span{ color: #122634; background-color: #8dc83f; }
.deeplinkList > a.refresh{ display: block; width: 2em; height: 100%; position: absolute; top: 0; right: 0; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-indent: 99em; }
.deeplinkList > a.refresh:before{ content: "\f463"; color: #8dc83f; font-size: 2em; text-indent: 0; position: absolute; top: 50%; left: 0; }

footer.footer{ margin: 1.5em 0 0; padding: 1em 0; background: #dddddd; font-size: .75em; }
footer.footer nav ul{ text-align: center; }
footer.footer nav li{ display: inline; }
footer.footer nav a{ display: inline-block; padding: .125em .5em; margin: 0 .5em .125em; }
footer.footer .copyright{ text-align: center; font-style: italic; color: #808080; margin: 1em 0 0; }

section.sidebar{ font-size: .875em; margin: 1.5em 0; }
section.sidebar .widget{ margin: 0 0 2em; }
section.sidebar .widget .title{ font-family: 'Open Sans Condensed'; border-bottom: 1px solid #dddddd; display: block; padding: 0.125em 0.5em; }
section.sidebar .widget.suche p{ font-size: .75em; margin: .5em 0; }
section.sidebar .widget.suche input{ font-family: 'Open Sans Condensed'; width: 100%; color: #808080; border: 1px solid #dddddd; padding: 0.25em 0.5em; }
section.sidebar nav.widget a{ display: block; font-size: .925em; color: #808080; border-bottom: 1px dotted #ddd; padding: 0.75em 1.25em; }
section.sidebar nav.widget a:hover, section.sidebar nav.widget .current-menu-item a{ color: #fff; background: #0d568b; }
section.sidebar .widget .sidebarBoxes a{ text-align: center; display: block; margin: .75em 0; border: 1px solid #dddddd; }
section.sidebar .widget .sidebarBoxes img{ max-height: 70px; max-width: 80%; margin: .75em 0; }
section.sidebar .widget .sidebarBoxes .title{ background: url(images/boxes-bg.png) repeat; }
section.sidebar .widget .sidebarBoxes.sidebarUnboxing img{ max-height: 150px; max-width: 80%; margin: .75em 0; }

.wpcf7-form{ margin: 1.5em 0; }                                                
.wpcf7-form label{ display: inline-block; font-weight: bold; width: 200px; }
.wpcf7-form .longlabel label{ width: 280px; }
.wpcf7-form textarea{ width: 600px; max-width: 100%; height: 5em; }

.bluepaginator{ text-align: center; margin: 1em 0 2em; font-family: 'Open Sans Condensed'; }
.bluepaginator a{ padding: .375em .75em; background: #0d568b; color: #fff; margin: 0 .25em; }
.bluepaginator a:hover{ background: #8dc83f; color: #122634; }

.inhalteBereich{ overflow: hidden; }
.inhaltBlog{ margin: 0 0 1.5em; }
.inhaltBlog .wp-post-image{ float: left; margin: 0 1em .25em 0; }
.inhaltBlog .moreBtn{ background: #8dc83f; color: #fff; font-family: 'Open Sans Condensed'; font-weight: bold; padding: 0.25em 0.75em; margin: .75em 0 0; display: inline-block; }   

.articleMeta{ border-bottom: 1px solid #ddd; font-family: 'Open Sans Condensed'; padding: 0.125em 0; margin: 0 0 .5em; }
.inhaltBlog .articleMeta{ padding-bottom: 1.5em; }
             
nav.tabs{ border-bottom: 1px solid #dddddd; }
nav.tabs ul{ overflow: hidden; margin-bottom: -1px; border-left: 1px solid #dddddd; }                                                                                                                            
nav.tabs li{ float: left; font-size: 1.07142857143em; /* 15px */ }                                                                                                                 
nav.tabs a{ margin: 0; display: block; padding: .5em .625em; font-family: 'Open Sans Condensed'; border: 1px solid #dddddd; border-left: none; background: url(images/boxes-bg.png) repeat; }
nav.tabs a.active{ border-bottom: 1px solid #fff; background: #fff; }

#commentform{ overflow: hidden; }
#commentform input, #commentform textarea{ padding: .375em .5em; font-size: .925em; }
.commentText{ width: 100%; height: 6em; }           
.eingabefeldHalb{ width: 100%; margin: .25em 0; }      
#commentform .greenButton{ float: right; margin-top: .375em; }                         
ul.comments{ margin: 0 0 4em; } 
ul.comments .singleComment{ line-height: 1.5; } 
ul.comments li{ margin: 2em 0; }                    
ul.comments ul{ padding-left: 2.5em; list-style: none; }
.authorName{ font-weight: bold; }
.authorMeta{ color: #848484; font-family: 'Open Sans Condensed'; }
.reply a, .reply a:hover{ color: #848484; text-decoration: none; }  

@media all and (min-width: 32.5em){  /*520px*/
    #singlebox .boxInfo{ display: table; table-layout: fixed; width: 100%; }
    #singlebox .boxInfo .infoRow{ display: table-row; }
    #singlebox .boxInfo .infoRow > .boxImage, #singlebox .boxInfo .infoRow > .boxContent{ display: table-cell; } 
    #singlebox .boxInfo .infoRow > .boxImage{ width: 35%; }
    .deeplinkList > a.deeplink{ width: 24.5%; padding-top: 22%; }
    .gutscheinList > li > a > .boxImage,   
    .boxList > li > a > .boxImage{ width: 150px; }
    .gutscheinList > li > a > .voucherValue{ width: 150px; font-size: 3em; }
    nav.tabs a{ padding: .5em 1em; }
    .eingabefeldHalb{ width: 49%; float: left; margin: .5em 2% .5em 0; }
    .eingabefeldHalb.last{ margin-right: 0; }    
}       

@media all and (min-width: 40em){  /*640px*/  
    .gutscheinData .code{ font-size: 1.25em; }
    #singlebox .boxInfo .infoRow > .boxImage{ width: 250px; } 
    .mainad.footermobile{ display: none; }
    .mainad.footerdesktop{ display: block; } 
    .mainad-desktop{ display: block; text-align: center; }                    
    .mainad-mobile{ display: none; }                    
}

@media all and (max-width: 40em){  /*640px*/              
    .queryinfo .left, .queryinfo .right{ float: none; } 
    .queryinfo .left{ padding-bottom: .5em; } 
    .queryinfo .right .filterElm{ display: block; padding: .5em 0; border-top: 1px solid #dddddd; }                
    .queryinfo .right .filterElm strong{ margin: 0; }
}

@media all and (min-width: 56.25em){  /*900px*/                                                                   
    header.header .ad{ display: block; float: right; }                                                             
    header.header .mobileButton{ display: none; }
    .pageContainer{ display: table; table-layout: fixed; width: 100%; }                    
    .pageContainer > .sidebar, .pageContainer > .contentContainer{ display: table-cell; }  
    .pageContainer > .sidebar{ width: 200px; margin: 0; } 
    .pageContainer > .contentContainer{ padding-right: 2em; }  
    .mainmenu ul{ display: block!important; }       
    .mainmenu li{ float: left; margin: 0 .5em 0 0; }
    .mainmenu a{ padding: .375em .75em; margin: 0; }       
}

@media all and (max-width: 56.25em){  /*900px*/
    .mainmenu .page{ padding: 0; } 
}    

@media all and (min-width: 60em){  /*960px*/ 
    .size-large{ padding: 0 4em; }           
    #singlebox .boxInfo .infoRow > .boxImage{ width: 300px; }
}  

@media all and (min-width: 65em){  /*1040px*/ 
    .mainmenu li{ margin: 0 1em 0 0; }
    .mainmenu a{ padding: .375em 1em; }
}                                 


/* Lightbox */
body:after{content:url(images/lightbox/close.png) url(images/lightbox/loading.gif) url(images/lightbox/prev.png) url(images/lightbox/next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(images/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(images/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(images/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(images/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}