/***************************************************
    PRINT CSS for Portun
    Author: WEB Marketing (www.wem.hr)
    Media: Print
***************************************************/

*      { margin: 0; padding: 0; list-style: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body   { line-height: 1; }
ol, ul { list-style: none; }
table  { border-collapse: collapse; border-spacing: 0; }


/*** HIDE ***/
#logo,
.search-box,
.language,
.menu-switch,
nav,
.pc-hide,
.print, 
.share-content, 
#footer-container, 
#development, 
.gallery-flex, 
.details, 
.blog-nav, 
.video-wrapper, 
.language, 
.search-box,
.userBox,
.hdr-user-box,
.hdr-cart-box, 
.top, 
#userBox, 
.hdr-user-box,
.hdr-cart-box,
.message, 
.article-options, 
.quant a, 
.ci-no,
.ci-addtocart, 
.ci-delete, 
.cart-empty-all, 
.discount-code, 
.edit-cartstep,
.upload, 
.fakefile, 
.gallery-b-thumbs, 
.header-title, 
.thumbs, 
.slider, 
.flex-direction-nav, 
.flex-control-nav, 
.slider-controls, 
.tools, 
.pct-details, 
.article-buttons, 
.article-badges, 
.badges, 
.badge, 
.ratings, 
.catalog-options, 
.ftr-box, 
.delete, 
.src-param, 
.request  { display: none !important; }


/*** GRID ***/
#pageHeader { margin: 0 0 30px; }

#container  { width: 100% !important; }
.wrap       { width: 100%; margin: 0; }
.col        { float: left; margin-right: 2.564102564102564%; word-wrap: break-word; }
.col:last-child { margin-right: 0 !important; }

.tablet-c1  { width:   1.709401709401709% !important; }
.tablet-c2  { width:   5.982905982905982% !important; }
.tablet-c3  { width:  10.25641025641026% !important; }
.tablet-c4  { width:  14.52991452991453% !important; }
.tablet-c5  { width:  18.8034188034188% !important; }
.tablet-c6  { width:  23.07692307692307% !important; }
.tablet-c7  { width:  27.35042735042735% !important; }
.tablet-c8  { width:  31.62393162393162% !important; }
.tablet-c9  { width:  35.89743589743589% !important; }
.tablet-c10 { width:  40.17094017094017% !important; }
.tablet-c11 { width:  44.44444444444444% !important; }
.tablet-c12 { width:  48.71794871794871% !important; }
.tablet-c13 { width:  52.99145299145299% !important; }
.tablet-c14 { width:  57.26495726495726% !important; }
.tablet-c15 { width:  61.53846153846153% !important; }
.tablet-c16 { width:  65.8119658119658% !important; }
.tablet-c17 { width:  70.08547008547008% !important; }
.tablet-c18 { width:  74.35897435897435% !important; }
.tablet-c19 { width:  78.63247863247862% !important; }
.tablet-c20 { width:  82.9059829059829% !important; }
.tablet-c21 { width:  87.17948717948717% !important; }
.tablet-c22 { width:  91.45299145299144% !important; }
.tablet-c23 { width:  95.72649572649572% !important; }
.tablet-c24 { width: 100% !important; margin-right: 0 !important; }

.clear                     { clear: both; }
.wrap:after, 
.cf:after, 
.paginator-holder ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/*** Typ ***/
body { background: #fff; color: #000; font: 10pt/16pt Arial, Helvetica, sans-serif; }
a    { color: #000; text-decoration: none; }
#printlogo { display: block; margin: 0; padding: 0; border: 0; width: 100%; }
#impressum { padding: 10px 0 0; margin: 20px 0 0; border-top: 1px solid #ddd; font-size: 9pt; }

h1   { font-size: 18pt; line-height: 24pt; font-weight: normal; margin: 0 0 20px; }
h2   { font-size: 16pt; line-height: 21pt; font-weight: normal; margin: 20px 0 10px 0; }
h3   { font-size: 14pt; line-height: 18pt; font-weight: normal; margin: 20px 0 10px 0; }
h4   { font-size: 12pt; line-height: 16pt; font-weight: normal; margin: 20px 0 10px 0; }
h5   { font-size: 11pt; line-height: 15pt; font-weight: normal; margin: 20px 0 10px 0; }
h6   { font-size: 10pt; line-height: 14pt; font-weight: normal; margin: 20px 0 10px 0; }

p, 
blockquote, 
ul, 
ol, 
table       { margin: 10px 0; }
ul, ol      { padding-left: 25px; }
ul li       { list-style: outside square; }
ul li ul li { list-style: outside circle; }
ul li ol li { list-style: outside decimal; }
ol li       { list-style: outside decimal; }
ol li ol li { list-style: outside lower-alpha; }
ol li ul li { list-style: outside circle; }

table       { border-collapse: collapse; width: 100%; }
th, td      { border: 0; border-bottom: 1px solid #999; padding: 10px; }
th          { text-align: left; }

div.table-wrapper-outer                      { position: relative; overflow: hidden; }
div.table-wrapper-outer div.scrollable table { margin-left: 35%; }
div.table-wrapper-outer div.scrollable       { overflow: scroll; overflow-y: hidden; }

blockquote            { padding: 0 20px; border-left: 1px solid #999; border-right: 1px solid #999; }

hr                    { clear: both; margin: 20px 0; height: 1px; color: #999; }

img                   { max-width: 100%; height: auto; }
.typ img              { height: auto !important; }

.media-wrapper        { margin-top: 20px; margin-bottom: 20px; padding: 0; width: 560px; max-width: 100%; }
.fluid-wrapper        { position: relative; padding-bottom: 56.25%; display: block; width: 100%; }
.fluid-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.media-left           { float: left; margin-right: 20px; margin-top: 0 !important; }
.media-right          { float: right; margin-left: 20px; margin-top: 0 !important; }
.media-center         { margin-left: auto; margin-right: auto; }
.media-wide           { width: 100% !important; }

.image-left           { float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-right          { float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-center         { margin-left: auto; margin-right: auto; display: block; }
.image-wide           { width: 100% !important; }

.image-left img, 
.image-right img, 
.image-center img, 
.image-wide img       { display: block; }
.image-center img     { margin-left: auto; margin-right: auto; }

.typ *:first-child    { margin-top: 0; }
.typ *:last-child     { margin-bottom: 0; }

/*** HOME ***/
.hc-block { margin-bottom: 30px; }
.hc-block:last-child { margin-bottom: 0; }
.hc-box { margin-bottom: 30px; }
.hc-box:last-child { margin-bottom: 0; }

.hc-news-box { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ddd; }
.hc-news-box:last-child { margin-bottom: 0; }
.hc-news-content p { margin: 0; }
.hc-news-date { margin: 0; }
.hc-news-title { font-size: 12pt; margin: 0 0 5px; }

.ftbox { margin-top: 20px; }
.ftbox:nth-of-type(2n) { margin-right: 0; }
.ftbox:nth-of-type(2n+1) { clear: left; }
.ftimage { margin-bottom: 10px; }
.ftimage img { display: block; width: 100%; }
.ftbox h3 { margin-bottom: 10px; }

.pc-block { margin: 30px 0; }
.page-home .pc-block:first-child { margin-top: 0; }
.pc-block:last-child { margin-bottom: 0; }

.logo-box { float: left; margin: 0 30px 0 0;  }
.logo-box:last-child { margin-right: 0; }
.logo-box ul { margin: 0; padding: 0; }
.logo-box ul li { list-style: none; display: inline-block; margin: 0 20px 0 0; vertical-align: middle; padding: 0; }
.logo-box ul li:last-child { margin-right: 0; }

.pct-item { display: none; }
.pctbox { text-align: center; }
.pctbox:nth-child(2) { margin-bottom: 20px; }
.pctbox:nth-child(2n) { margin-right: 0; }
.pctbox:nth-child(2n+1) { clear: left; }
.pctbox img { display: block; width: 100%; margin: 0 0 10px; }

.last-search { margin: 0; padding: 0; }
.last-search li { list-style: none; margin: 0; padding: 0 0 0 20px; border-left: 1px solid #ddd; }
.last-search li:nth-child(2n) { margin-right: 0; }
.last-search li:nth-child(2n+1) { clear: left; }
.last-search li:nth-child(2n+1), 
.last-search li:nth-child(2n+2) { margin-top: 20px; }



/*** DEFAULT / STATIC ***/
.intro, 
.content, 
.side-content, 
.content-footer       { margin-bottom: 30px; }
.content              { margin-right: 0; }
.side-content         { margin-right: 0; margin-left: 2.564102564102564%; }
.side-content         { color: #666; }
.content-footer       { font-size: 9pt; color: #999; clear: both; margin-top: 30px; }

.gallery              { float: right; margin-right: 0; margin-left: 2.564102564102564%; margin-bottom: 30px; }
.gallery .flexslider  { height: auto !important; }
.gallery .slides      { margin: 0; padding: 0; width: 100% !important; height: auto !important; transform: translate3d(0,0,0) !important; }
.gallery .slides li   { margin: 0; padding: 0; list-style: none; width: 100% !important; height: auto !important; display: none !important; }
.gallery .slides li:first-child { display: block !important; }
.gallery img          { display: block; width: 100%; }

.img_v                { display: block; position: relative; overflow: hidden; height: 100%; }
.img_v img            { display: block; width: auto !important; height: 100% !important; margin: 0 auto; }

.gallery.tablet-c24   { width:  40.17094017094017% !important; margin-left: 2.564102564102564%; }
.page-post .gallery.tablet-c24, 
.page-news-main .gallery.tablet-c24, 
.page-article .gallery.tablet-c24 { margin: 0 0 20px !important; width: 100% !important; float: none !important; }


/*** FORMS ***/
.form                 { margin-bottom: 40px; line-height: 1.5em; }
.form-warning         { margin: 0 0 40px; }
.form-fields,
.form-fields:last-child { margin-left: auto !important; margin-right: auto !important; float: none; }

.errorMessage           { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #333331; color: #e32526 !important; }
.errorMessage ul        { margin: 0; padding: 0; }
.errorMessage li        { padding: 0; list-style: none; }
.errorMessage li:before { display: none; }

.field-description    { font-size: .85em; line-height: normal; margin: -15px 0 25px 0; }

.input, 
.select, 
.textarea, 
.radio, 
.checkbox,
.captchaWrapper       { position: relative; margin-bottom: 25px; }

.input input, 
.select select, 
.textarea textarea, 
.captchaInput input   { background: #fff; border: 1px solid #c4cdd1; border-radius: 3px; display: block; width: 100%; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3b3b39; }
.date-input input     { padding-right: 60px; }

.input label, 
.select label, 
.textarea label, 
.captchaInput label, 
.form-item-title      { display: block; padding-right: 40px; width: 100%; }
.input label, 
.select label, 
.textarea label, 
.captchaInput label   { margin-bottom: 5px; }
.form-item-title      { margin-bottom: 10px; }

.input input, 
.captchaInput input   { height: 50px; line-height: 50px; }

.input-calendar       { position: absolute; right: 20px; bottom: 13px; z-index: 2; cursor: pointer; }
.input-calendar img   { display: block; }

.input .file:first-child { margin-top: 10px; }
.input .file span, 
.input .file img      { vertical-align: middle; }

.select select        { padding-top: 15px; padding-bottom: 15px; }

.textarea             { padding: 0 0 25px 0; border-bottom: 1px solid #333331; }
.textarea textarea    { height: 125px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; resize: none; overflow: auto; }

.radio, 
.checkbox             { padding: 0 0 25px 0; border-bottom: 1px solid #000; }
.form-item            { display: block; clear: both; position: relative; margin-bottom: 10px; padding-left: 20px; min-height: 26px; overflow: hidden; cursor: pointer; }
.form-item label      { display: block; line-height: normal; }
.form-item:last-child { margin-bottom: 0; }
.form-item input      { position: absolute; left: 0; top: 0; }

.checkbox-button,
.radio-button         { position: absolute; top: 0; left: 0; }
.checkbox-button      { width: 25px; height: 25px; }

.checkbox-single .form-item-title { display: none; }
.checkbox-single .form-item       { margin-right: 25px; }

.page-signup .radio,
.newsletter-registration .checkbox { padding: 0; border: none; }

.terms                { margin-bottom: 25px; }
.terms .checkbox      { padding: 0; margin: 0; border: 0; }

.login-options ul                        { margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #000; }
.login-options ul > li                   { padding: 0; display: inline; float: left; }
.login-options ul > li:before            { display: none; }
.login-options ul > li.registration-link { margin: 0 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #666; }

.captchaWrapper,
.form-buttons         { display: none; }


/*** FORMS - Validation ***/
.form-hidden          { position: absolute; top: -9999px; left: -9999px; }

.req                  { position: absolute; top: 5px; right: 0; width: 16px; height: 14px; font-size: 16pt; }
.errorMessage .req,
.form-warning .req    { position: static; display: inline-block; vertical-align: middle; }
.error .req,
.errorMessage .req    { background-position: 0 -14px; }

.error .input label,
.error .select label,
.error .textarea label,
.error .form-item-title,
.error .captchaInput label { color: #e32526; }

.error .input input,
.error .captchaInput input,
.error .select select,
.error .textarea textarea  { border-color: #f9c3c3; background: #ffe5e5; color: #e32526; }

.form-feedback        { display: none; }


/*** WEATHER ***/
.weather              { position: relative; margin: 40px 0; }
.weather-notice       { margin: 0; }
.weather-box          { margin: 40px 0 0; }

.weather-today        { border-right: 1px solid #333331; margin-bottom: 30px; height: auto !important; }
.wt-info h2           { margin-top: 0; }
.wt_temp              { font-size: 2.57em; margin: 0 0 10px; }
.wt_description       { margin: 0; }
.wt-image img         { display: block; width: 100%; }

.weather-week         { height: auto !important; }
.ww_list              { margin: 0; padding: 0; }
.ww_list > li         { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #333331; list-style: none; }
.ww_list > li:before  { display: none; }
.ww_list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.ww_list p            { margin-top: 0; margin-bottom: 0; }
.ww_list ul           { margin-top: 0; margin-bottom: 0; padding: 0; }
.ww_info,
.ww_temp              { padding-top: 0; }
.ww_image img         { display: block; width: 100%; }
.ww_temp              { float: right; }
.ww_temp ul           { margin: 0; padding: 0; }
.ww_temp li           { float: left; width: 50%; padding: 0; list-style: none; }
.ww_temp li:before    { display: none; }
.ww_temp li:last-child { border-left: 1px solid #333331; text-align: right; }


/*** NEWS - Category ***/
.news-listing         { margin-bottom: 40px; }
.news-box             { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.news-box:last-child  { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.news-title a         { color: #333331; text-decoration: none; }
.news-title a:hover   { color: #666; text-decoration: none; }
.news-image img       { display: block; width: 100%; }
.news-intro           { margin-bottom: 0; display: inline; }
.news-date            { font-size: .85em; margin-bottom: 0; }
.news-box .details    { display: inline; }


/*** NEWS - Main page ***/
.news-main-date          { margin: 0; }
.page-news-main .gallery { margin-left: 0; margin-right: 2.5641%; float: left; }


/*** CATALOG ***/
.catalog-options,
.details,
.action-badges,
.article-side, 
.art-map-data        { display: none; }

.catalog-listing                { margin-bottom: 20px; }

.article-box { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.article-image img { display: block; width: 100%; }
.article-container { margin-right: 0; }
.article-title { margin-top: 0; }

.article-intro, 
.article-basics { margin-bottom: 10px; }
.article-price strong, 
.article-price b { font-size: 14pt; }

.gallery-item { display: none; }
.article-slider { position: relative; }
.article-slider .slides { width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; margin: 0 !important; padding: 0 !important; }
.article-slider .slides > li { width: 100% !important; float: none !important; display: none !important; }
.article-slider .slides > li.flex-active-slide { display: block !important; }
.art-slide-image, 
.art-slide-image img { display: block; width: 100%; }
.art-slide-content { margin-top: 10px; }
.article-slider .article-map { position: absolute; top: 10px; right: 10px; }

.article-main-box  { margin: 0 0 30px; }
.article-main-box:last-child { margin-bottom: 0; }

.article-info { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ddd; }
.article-info:last-child { margin-bottom: 0; }
.article-info > .switch { margin: 0 0 20px; }
.article-info .content { margin: 0; }

.article-info ul { padding: 0; }
.article-info ul li { list-style: none; padding-left: 0; margin-left: 0; }

.article-distance ul li { position: relative; padding: 0 100px 10px 0; width: 47.5%; margin-right: 5%; margin-bottom: 10px; float: left; border-bottom: 1px solid #ddd; }
.article-distance ul li:nth-of-type(2n) { margin-right: 0; }
.article-distance ul li:nth-of-type(2n+1) { clear: left; }
.article-distance ul li strong, 
.article-distance ul li b { font-weight: normal; position: absolute; top: 0; right: 0; width: 100px; padding: 0 10px; }

.article-data { padding: 20px; border: 1px solid #ddd; }
.article-data-box { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #ddd; }
.article-data-box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.article-data-box h2, 
.article-data-box h3 { margin: 0 0 10px; }
.article-data-box p { margin: 0; }


/*** ADVANCED SEARCH ***/
.form-group, 
.form-group > div.cf { position: relative; }
.group-area .col:nth-of-type(3), 
.group-distance .col:nth-of-type(3) { margin-right: 0; }
.alt-label { line-height: 50px; text-align: center; display: block; }
.search-unit { line-height: 50px; left: 100%; float: left; margin: 0 0 0 15px; }

.checkbox-cols .checkbox { padding-bottom: 0; border-bottom: 0; }
.checkbox-cols .form-item { float: left; width: 44%; padding-right: 20px; clear: none; }

.form-group div.cf .col:last-child { width: auto !important; }
.form-group div.cf .col:last-child .select { width: 95px; }

.advsearch-box .form-fields { width: 100% !important; }


/*** COMPARE ***/
.compare { margin-bottom: 30px; overflow: hidden; }

.compare .slides { width: 100% !important;  transform: translate3d(0px, 0px, 0px) !important; margin: 0 !important; padding: 0 !important; }
.compare .slides > li { width: 160px !important; margin-right: 0 !important; padding: 0 10px 0 0 !important; }

.compare-item-list { margin: 0; padding: 0; }
.compare-item-list li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #ddd; position: relative; list-style: none; }
.compare-item-list li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.compare-item-list li:before { display: none; }

.cmp-value { font-size: 16px; line-height: 24px; }

.cmp-header { padding-bottom: 10px !important;  margin-bottom: 10px !important; }

.cmp-title { padding-bottom: 10px !important; margin-bottom: 0 !important; border-bottom: 0 !important; }
.cmp-title .cmp-value { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.cmp-image .article-image { margin: 0 0 5px; padding: 0; }
.cmp-value .article-intro { margin-bottom: 10px; }
.cmp-value .article-price strong, 
.cmp-value .article-price b { display: block; }

.cmp-buttons .details { margin-bottom: 20px; }
.cmp-add .details { padding-top: 10px; }


/*** TERMS / POPUP ***/
#pWrapper             { padding-top: 20px; margin-top: 10px; border-top: 1px solid #eee; }