/*
===================================================================================================
S T Y L E S . C S S
===================================================================================================
*/

html { background: #fff; border-top: .25em solid #c00b25; }
body { font: normal .875em/1.45 Georgia, Times, "Times New Roman", serif; color: #333; }

.inner { padding: 0 1em; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, address, table, form, hr, figure, audio, video, iframe { margin-bottom: .75em; }



/* TYPOGRAPHY ---------------------------------------------------------------------------------- */


h1, h2, h3, h4, .sans { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

h1 { font-size: 2.2em; line-height: 1.15; margin-bottom: .825em; margin-left: -.025em;  }

h2 { font-size: 1.4em; line-height: 1.25; clear: both; border-top: 1px solid #ccc; margin: .75em 0 1.25em; padding-top: 1.125em; }
h2.subline { line-height: 1.25; color: #999; padding-top: 0; border: 0 none; margin: -1.1em 0 1.25em; }
h2.colhead { background: url(../images/bg-colhead.png) repeat-x; clear: both; border-bottom: 1px solid #ccc; border-width: 0 0 1px; margin: 0 0 .5em; padding: 1em 0 .375em; }
h2.noborder { border: 0 none; padding-top: 0; }
h1 + h2 { border: 0 none; margin: 0 0 .75em; padding-top: 0; }

h3 { font-size: 1.125em; line-height: 1.3; margin-bottom: .5em; }
h3 a { color: #333; }
h3 span { font-size: .875em; color: #999; display: block; padding-top: .125em; }

h4 { font-size: 1em; line-height: 1.45; color: #333; text-transform: none; margin: 0 0 .75em; }
h4.dz { font-size: .875em; line-height: 1.25; color: #c00b25; text-transform: uppercase; margin: 0 0 .125em; }

h5 { font-size: 1em; }

a { color: #c00b25; text-decoration: none; }

dl { overflow: hidden; }
dt { font-weight: bold; }
dl + p { overflow: hidden; margin: 0; }


/* More Link */

.more { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; /* display: block; margin-top: .25em; */ }
.more:after { content: ""; background: url(../images/sprite.png) 0 0; display: inline-block; width: 25px; height: 11px; }
.more:hover { opacity: .8; }

.ie8 .more:hover { filter: alpha(opacity=80); }

.more span { display: none; }


/* Horizontal Line */

hr { clear: both; margin: 1em 0 2em; }
hr + hr { display: none; }
#content > hr:last-of-type { display: none; }
#content > hr.clear { display: block !important; margin: 2em 0; }


/* FORMS --------------------------------------------------------------------------------------- */


form { background: #f4f4f4; padding: 1em; }

form h3 { border-bottom: 1px solid #b3b3b3; padding: 1em 0; margin: 0 0 1em; }

legend { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; display: block; width: 100%; border-bottom: 1px solid #b3b3b3; padding: 1em 0; margin: 0 0 1em; }

#rex-xform p.radio { margin-bottom: .5em; }
#rex-xform p.radio input[type=radio] { margin-right: 4px; }
#rex-xform p.radio input[type=radio] + label { display: inline-block; }

label, .label { font: bold .875em/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif; }

input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
input[type=tel],
input[type=file],
textarea { border: 1px solid #b3b3b3; padding: .375em; font-family:Georgia, Times, 'Times New Roman', serif; }

textarea { height: 10em; }

input + span,
textarea + span { font-size: .875em; display: none; padding: .25em 0 0; }

button, .btn, #rex-xform input[type=submit] { background-color: #555; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; border: 0 none; cursor: pointer; margin: .5em 0 1em; padding: .625em 1em; }
button:hover, .btn:hover, #rex-xform input[type=submit]:hover { background-color: #333; }
button:active, .btn:active, #rex-xform input[type=submit]:active { background-color: #333; }

:-webkit-input-placeholder { font-style: italic; color: #999; }
:-moz-placeholder { font-style: italic; color: #999; }
:-moz-placeholder { font-style: italic; color: #999; }
:-ms-input-placeholder { font-style: italic; color: #999; }


/* Inline Form (e.g. Search, Newsletter Order Form) */

form.inlineform { background: rgba(0,0,0,.1); position: relative; margin: 0 0 1.25em; padding: .25em; }
form.inlineform input[type=text],
form.inlineform input[type=search],
form.inlineform input[type=email] { height: 30px; padding-right: 40px; }
form.inlineform button { background-image: url(../images/sprite.png); background-position: -250px 7px; text-indent: -9999px; position: absolute; top: .25em; right: .25em; width: 36px; height: 30px; margin: 0; padding: 0; }

.no-rgba form.inlineform { background: url(../images/bg-black-10.png); }
.ie7 form.inlineform input[type=text] { width: 80%; }


/* Large Form */

fieldset p { margin-bottom: 1em; }
fieldset p:before,
fieldset p:after { content: ""; display: table; clear: both; }

fieldset p > label,
fieldset p > .label { display: block; }

span label,
label.multiline { font-weight: normal; display: inline-block; width: auto; position: relative; padding-left: 1.625em; margin-right: 1em; }
span label input[type=checkbox],
label.multiline input[type=checkbox],
span label input[type=radio],
label.multiline input[type=radio] { position: absolute; /* top: 1px; */ left: 2px; }


/* Error Styles */

.error label,
.error .label,
.error input + span,
.error textarea + span,
.error li { font-weight: bold; color: #c00b25; }

.error input { border-color: #c00b25; }

.error :-webkit-input-placeholder { color: #c00b25; }
.error :-moz-placeholder {  color: #c00b25; }
.error :-moz-placeholder { color: #c00b25; }
.error :-ms-input-placeholder { color: #c00b25; }

#rex-xform .form_warning, #digitalprintselecterror .form_warning { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; color: #c00b25; }
.rex-message .rex-info { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; }


/* Results */

form #results { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; }
form #results ul { border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 1em; }


/* Gewinnspiel Formular */

p.gewinnspielfrage { font-weight: bold; margin-bottom: .5em; }
p.gewinnspielfrage + input { float: none !important; width: 100% !important; }

fieldset p > label + img { float: left; margin: 0 1%; }
input#capture { float: left !important; width: 40% !important; }

.theme-abonnoment { margin-top: 5px; }
.theme-abonnoment label { display: block; margin-top: 0 0; font-family: Georgia, Times, "Times New Roman"; font-size: 14px; padding-left: 20px;}
.errormsg { font-weight: bold; color: #c00b25; clear: both; display: block !important; }

/* Abdruckformular */
#xform-formular-digital,
#xform-formular-print { background: rgba(0,0,0,.05); position: relative; margin-right: -1em; margin-left: -1em; }
#xform-formular-print { margin-top: 2em; margin-bottom: 0; padding-top: 3em; }
#xform-formular-digital { margin-bottom: 2em; padding-bottom: 1.5em; }

#xform-formular-print:before { content: "Nutzungsart"; font: bold .875em/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif; position: absolute; left: 1em; top: 1.5em; }

#xform-language-en #xform-formular-print:before { content: "Type of use" !important; }
#xform-formular-digital input,
#xform-formular-print input { margin-left: 1em; }

/* MEDIA ------------------------------------------------------------------------------------ */


figure.full { margin-bottom: 1em; }
figure.full img { width: 100%; max-width: none; }
figure.left { width: 25%; min-width: 8em; margin: 0 1em .75em 0; }
figure.right { width: 25%; min-width: 8em; margin: 0 0 .75em 1em; }
figure.autowidth { width: auto !important; min-width: 1px; }



/* FLEXROWS ------------------------------------------------------------------------------------ */


.row { position: relative; margin-left: -1em; }
.row:before,
.row:after { content: ""; display: table; clear: both; }

.col { position: relative; float: left; width: 100%; border-left: 1em solid transparent; margin-bottom: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
li.col { margin-bottom: 0; }

.videocol { width: 50%; }
.videocol:nth-of-type(3) { display: none; }

.ie7 .row { zoom: 1; margin-left: 0; }
.ie7 .col { border-left: 0 none; }



/* MODUL: HEADER (Masthead) -------------------------------------------------------------------- */


#masthead { position: relative; padding: 1.25em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#masthead .inner:before,
#masthead .inner:after { content: ""; display: table; clear: both; }


/* Masthead Social Media Links */

#masthead .social { display: none; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; font-size: .75em; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 1.25em; padding-bottom: .5em; }
#masthead .social span { display: none; }
#masthead .social ul,
#masthead .social li { display: inline; }
#masthead .social a { color: #999; margin-left: .5em; }
#masthead .social a:hover,
#masthead .social a:active { color: #333; }

#masthead .social a:before { content: ""; background: url(../images/sprite.png) no-repeat -30px 0; display: inline-block; width: 30px; height: 30px; vertical-align: middle; position: relative; top: -2px; left: -3px; /* margin: 0 .25em; */ }
#masthead .social li.facebook a:before { background-position: -30px 0; }
#masthead .social li.twitter a:before { background-position: -60px 0; }
#masthead .social li.gplus a:before { background-position: -90px 0; }
#masthead .social li.youtube a:before { background-position: -120px 0; }
#masthead .social li.instagram a:before { background-position: -210px 0; }
#masthead .social li.blog a:before { background-position: -180px 0; }




/* Masthead Logo */

a.logo img { display: inline-block; }
.svg a.logo { background: url(../images/logo.svg) no-repeat; display: inline-block; width: 151px; height: 59px; }
.svg a.logo img { visibility: hidden; }


/* Mobile Navigaiton Trigger */

#mobilenavtrigger { background-image: url(../images/sprite.png); background-position: -210px -40px; position: absolute; display: block; width: 43px; height: 40px; top: 50%; right: 1em; margin-top: -20px; padding: 0; }
#mobilenavtrigger.open { background-position: -250px -40px; }



/* MODUL: NAVIGATION --------------------------------------------------------------------------- */


#sitenav { background: #f5f5f5; height: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sitenav.open { height: auto; margin-bottom: 1em; padding-bottom: 1em; }

#sitenav h2.colhead { display: none; }
#sitenav ul { font-weight: bold; margin-bottom: 1em; }

#sitenav a { color: rgba(0,0,0,.5); }
#sitenav a:hover { color: #333; }
#sitenav a:active { color: #333; }

.no-rgba #sitenav a { color: #808080; }

#sitenav hr { margin: 0 0 1em; }

#mainnav { font-size: .75em; background-color: #ebebeb; background-image: url(../images/bg-colhead.png), url(../images/bg-greygrad.png); background-repeat: repeat-x; background-position: 0 0, 0 100%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom: 0; padding: .5em .75em 0.1em; }
.no-multiplebgs #mainnav { background: #f4f4f4 url(../images/bg-colhead.png) repeat-x 0 0; }


/* Primary Navigation */

#mainnav ul#primarynav { font-size: 1.7em; line-height: 1; margin-bottom: .75em; }
#mainnav ul#primarynav li { border-bottom: 1px solid #ccc; margin: 0 -.5em; padding: 0 .5em; }
#mainnav ul#primarynav li a { position: relative; display: block; padding: .375em 0; }
#mainnav ul#primarynav li a:after { content: ""; background: url(../images/sprite.png) no-repeat 0 -60px; position: absolute; top: 50%; right: 0; width: 19px; height: 18px; margin-top: -9px; }
#mainnav ul#primarynav li a:hover:after { background-position: 0 -80px; }
#mainnav ul#primarynav li.noarrow a:after { display: none; }
#mainnav ul#primarynav li.open a:after { background-position: 0 -60px !important; }
#mainnav ul#primarynav li.open a:hover:after { background-position: 0 -80px !important; }

#mainnav ul#primarynav ul { font-size: .675em; line-height: 1.4; display: none; margin: 0 0 .75em; padding: .25em 0; }
#mainnav ul#primarynav li.open ul { display: block !important; }
#mainnav ul#primarynav ul li { border: 0 none; }
#mainnav ul#primarynav ul li a { padding: 0; }
#mainnav ul#primarynav ul li a:after { display: none; }

.current > a { background: none !important; color: #333 !important; cursor: default; }


/* Secondary Navigation */

#mainnav ul#secondarynav { font-size: 1.125em; }
#mainnav ul#secondarynav li { display: inline-block; border-left: 1px solid #ccc; margin-left: .25em; padding-left: .5em; }
#mainnav ul#secondarynav li:first-child { display: inline-block; border: 0 none; margin-left: 0; padding-left: 0; }


/* Searchform */

#searchform { margin: 0 .5em 1em; }
#searchform button { background-position: -250px 7px; }


/* Programmliste */

#programm { font-size: .75em; margin-bottom: 1.25em; }
#programm ul { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 1.125em; margin: 0 0 1.25em -1em; padding: 0 .75em; }
#programm ul:before,
#programm ul:after { content: ""; display: table; clear: both; }
#programm li { display: inline; }
#programm a { float: left; width: 100%; border-left: 1em solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ie7 #programm ul { zoom: 1; }


/* Social Media Links (mobile only) */

#sitenav .social { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; font-size: .75em; color: #666; border-top: 1px solid #ccc; margin-bottom: 0; padding: 1.5em .75em 0; }
#sitenav .social span { display: inline-block; margin-right: .5em; }
#sitenav .social ul { display: inline-block; vertical-align: middle; overflow: hidden; position: relative; top: -2px; margin: 0; }
#sitenav .social li { display: inline; }
#sitenav .social a { background: url(../images/sprite.png) no-repeat -30px 0; text-indent: -9999px; float: left; width: 20px; height: 20px; overflow: hidden; margin-left: .5em; }
#sitenav .social a:hover { opacity: .8; }
#sitenav .social li.facebook a { background-position: -30px -30px; margin-left: 0; }
#sitenav .social li.twitter a { background-position: -50px -30px; }
#sitenav .social li.gplus a { background-position: -70px -30px; }
#sitenav .social li.youtube a { background-position: -90px -30px; }
#sitenav .social li.instagram a { background-position: -150px -30px; }
#sitenav .social li.blog a { background-position: -130px -30px; }



/* MODUL: CONTENT ------------------------------------------------------------------------------ */


#main:before,
#main:after { content: ""; display: table; clear: both; }

#content { border-top: 1px solid #ccc; margin-bottom: 2em; padding-top: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content:before,
#content:after { content: ""; display: table; clear: both; }

#content.home { border: 0 none; padding-top: 0; }

.breadcrumb { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; font-size: .875em; margin: 0 0 2em; }

.breadcrumb a { color: #999; }
.breadcrumb a:hover,
.breadcrumb a:active { color: #333; }
.breadcrumb span { display: inline-block; margin: 0 .25em; }

.cover { max-width: 25%; min-width: 8em; float: left; border: 1px solid #c3c5c7; margin: 0 1em 1em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.big-cover { border: 1px solid #c3c5c7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:hover .cover { opacity: .8; }

.ie8 a:hover .cover { filter: alpha(opacity=80); }

figure.col1_4 { width: 25%; }
figure.col1_4 .cover { min-width: 1px; max-width: 100%; float: none; margin: 0 0 1em; }

figure.left.big-cover { border: 0 none !important; }
figure.left.big-cover img { border: 1px solid #c3c5c7; }

figure .imgcopyright { font-size: .875em; padding-top: 1em; }


/* FlexSlider */

.sliderwrap { position: relative; overflow: hidden; height: 3.25em; border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 50%; }
.sliderwrapinner { position: absolute; top: 0; left: 0; width: 100%; }

.flexslider { background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

.flexslider .slides .slidecontent { background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(0,0,0,.5) 100%); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 0 1em 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.flexslider .slides .slidecontent > a { display: block; width: 100%; height: 100%; }
.flexslider .slides .slidecontent img { float: left; width: 5em; box-shadow: 0 5px 15px rgba(0,0,0,.8); margin: 0; }
.flexslider .slides .slidecontent div { position: absolute; bottom: 1em; left: 7em; padding-right: 1em; }
.flexslider .slides .slidecontent h2 { font-size: 1.3em; line-height: 1.2; color: #fff; border: 0 none; margin: 0; padding: 0; text-shadow: 0 1px 0 #000; }
.flexslider .slides .slidecontent h4 { font-size: .75em; text-transform: uppercase; color: #fff; border: 0 none; margin: 0; padding: 0; text-shadow: 0 1px 0 #000; }

.no-cssgradients .flexslider .slides .slidecontent { background: url(../images/flex_bg_content.png) repeat-x 0 100%; }

.flex-control-nav { text-align: center; width: 100%; margin: 1em 0 !important; display: block; }
.flex-control-nav li { margin-left: .375em; display: inline-block; }

.ie7 .flex-control-nav li { zoom: 1; display: inline; }

.flex-control-paging li a { background: url(../images/sprite.png) no-repeat -60px -80px; opacity: .35; filter: alpha(opacity=50); width: 13px; height: 13px; display: block; cursor: pointer; text-indent: 9999px; }
.flex-control-paging li a:hover { opacity: .7; }
.flex-control-paging li a.flex-active {  opacity: 1; filter: alpha(opacity=100); cursor: default; }


/* Accordion */

.extended { display: none; }
.extended dl, .extended hr { margin: 0 0 1.5em; }

.accordion { clear: both; margin-bottom: 2em; padding: 1em 0 0; }
.accordion > div { border-bottom: 1px solid #ccc; }
.accordion > div:first-child { border-top: 1px solid #ccc; }
.accordion > div h2 { position: relative; border: 0 none; margin: 0; padding: 0; }
.accordion > div h2 a { color: #808080; display: block; padding: .375em 0 }
.accordion > div h2 a:hover { color: #333; }
.accordion > div h2 a:after { content: ""; background: url(../images/sprite.png) no-repeat 0 -60px; position: absolute; top: 50%; right: 0; width: 19px; height: 18px; margin-top: -9px; }
.accordion > div h2 a:hover:after { background-position: 0 -80px; }
.accordion > div h2.open a { color: #333; }
.accordion > div h2.open a:after { background-position: 0 -80px !important; }
.accordion > div h2.open a:hover:after { background-position: 0 -80px !important; }

.accordion .extended { padding: .75em 0; }
.accordion .extended .videowrap { margin-bottom: 1.5em !important; }

/* Affiliate modalbox */

.affiliatemodal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100% !important;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.1);
    transform: translate(-50%, -50%);
}

.affiliatemodal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    border: 1px solid black;
    border-radius: 18px;
    max-width: 600px;
    padding: 15px;
    background-color: white;
    text-align: center;
    transform: translate(-50%, -50%);
}

.affiliatemodal-content > h2 {
    padding: 0;
    margin: 0 0 20px 0;
    border: none;
}

.affiliatemodal-content > ul > li {
    list-style: none;
    display: inline-block;
    margin: 3px;
    vertical-align: middle;
}

.affiliatemodal-content > ul > li > form {
    display: inline-block;
    background: #FFF;
    margin: 0;
    padding: 0;
}

.affiliateinput {
    background: url('/images/amazonbtn.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 63px;
    width: 200px;
    border: none;
    cursor: pointer;
}

.affiliateimage {
    height: auto;
    width: 200px;
    border-radius: 10px;
}

.affiliateclose{
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.affiliateclose:hover,
.affiliateclose:focus {
    text-decoration: none;
    cursor: pointer;
}


/* Recommend

.recommend { line-height: 2; }
.recommend span { white-space: nowrap; margin-left:.75em; }
.recommend a { white-space: nowrap; color: #808080; margin: 0 .25em; }
.recommend a:hover { color: #333; }
.recommend a:before { content: ""; background: url(../images/sprite.png) no-repeat -30px 0; display: inline-block; width: 20px; height: 20px; vertical-align: middle; position: relative; top: -2px; left: -3px; margin: 0 .25em; }
.recommend a.facebook:before { background-position: -30px -30px; }
.recommend a.twitter:before { background-position: -50px -30px; }
.recommend a.gplus:before { background-position: -70px -30px; }
.recommend a.youtube:before { background-position: -90px -30px; }
.recommend a.instagram:before { background-position: -150px -30px; }
*/

/* Recommend restyling 2015 */






    /* Bookbox */

.img-text-box { clear: both; overflow: hidden; margin: 0 0 1em; }
.img-text-box figure { float: left; width: 25%; min-width: 8em; margin: 0 1em 1em 0; }
.img-text-box figure img { max-width: 100% !important; margin: 0 !important; }
.img-text-box + .img-text-box { margin: 0 0 1em; border-top: 1px solid #ccc; padding: 2em 0 0; }

.col1_2.img-text-box { clear: none; border-top: 0 none; padding: 0; }


/* Bestsellerbox */

.bestsellerbox { overflow: hidden; margin: 1em 0 0 !important; }
.bestsellerbox + .bestsellerbox { border-top: 1px solid #ccc; margin: 0 !important; padding-top: 1em !important; }
.bestsellerbox > a div { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.4; overflow: hidden; margin-bottom: 1em; }
.bestsellerbox > a div span { color: #333; margin-right: .125em; }
.bestsellerbox > a div span:first-child { background: #c00a26; font-weight: bold; color: #fff; display: inline-block; margin-bottom: .25em; padding: .25em 1em .375em; }


/* Iconbox */

.icons-text-box { margin-bottom: 0; }
.icons-text-box div { position: relative; border-top: 1px solid #ccc; margin-top: 1em; padding: 1.5em 0 0 4em; }

.icons-text-box div:before { content: ""; background-image: url(../images/sprite.png); position: absolute; left: 0; display: block; width: 36px; height: 36px; border: 3px solid #555; border-radius: 50%; }
.icons-text-box div.icon-agb:before { background-position: -144px -260px; }
.icons-text-box div.icon-catalog:before { background-position: -36px -260px; }
.icons-text-box div.icon-contact:before { background-position: 0 -260px; }
.icons-text-box div.icon-coverdl:before { background-position: -180px -260px; }
.icons-text-box div.icon-dates:before { background-position: -108px -260px; }
.icons-text-box div.icon-demo:before { background-position: 0 -260px; }
.icons-text-box div.icon-pm:before { background-position: -216px -260px; }
.icons-text-box div.icon-nl:before { background-position: -72px -261px; }


/* Tabbed List */

span.tab { display: inline-block; min-width: 5em; }


/* Gesamtverzeichnis */

#gesamtverzeichnis { margin-top:3em; }
#gesamtverzeichnis thead th { font-weight:600; padding:.5em; border-bottom:#CCC 1px solid;  }
#gesamtverzeichnis td { vertical-align:top; padding:.5em; }
#gesamtverzeichnis .row1 td { background:#f4f4f4; }
#gesamtverzeichnis td h2 { border:0; margin-top:0; }


/* Well */




/* Sorter */

.sorter { text-align: left; overflow: hidden; }

.sorter p { font-size: .9375em; line-height: 1.4; }
.sorter ul { display: none; }

.sorter > div, .sorter form.sorterform > div { float: left !important; width: 100%; margin-right: 1em; margin-bottom: .5em; }
.sorter > div span, .sorter form.sorterform > div span { display: inline-block; margin: 0 .5em .25em 0; width: 40%; vertical-align: top; }
.sorter > div span.autowidth, .sorter form.sorterform > div span.autowidth { line-height: 2; display: inline-block !important; width: auto; vertical-align: baseline; margin-bottom: 0; }

.sorter form { font-weight: normal; font-size: 1.125em; font-family:  Georgia, Times, "Times New Roman", serif; margin: 0 0 0.75em; padding: .625em; }
.sorter form:last-child { margin-bottom: 0; }
.sorter form button { top: .625em; right: .625em; }

.sorter form.sorterform { font-weight: bold; font-size: 1em; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }


/* Pagination */

.pagination { clear: left; border-top: 1px solid #ccc; overflow: hidden; margin-bottom: 2.5em; padding: 1.5em 0 0; }
.pagination p { float: left; margin-top: 1px; }
.pagination ul { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: .875em; line-height: 1.85; float: right; }
.pagination li { display: none; }
.pagination li:first-child, .pagination li:last-child { display: inline; }

.pagination a, .pagination span { color: #808080; text-align: center; display: inline-block; width: 1.8em; height: 1.8em; border: 1px solid #ccc; margin: 0 0 0 4px; border-radius: 50%; }
.pagination a:hover, .pagination a:active { background: #ccc; color: #111; }
.pagination .current a { background: #c00b25 !important; font-weight: bold; color: #fff !important; border-color: #c00b25; }
.pagination span { border-color: transparent; width: auto; margin-right: 0px; }

.well + .pagination { border-top: 0 none; border-bottom: 1px solid #ccc; margin: 0 0 2em; padding: 0 0 .75em; }

.paging { background: #f4f4f4; padding: .75em 1em; }
.paging ul { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: .875em; margin: 0; }
.paging li { display: inline; }
.paging li:before { content: "| "; }
.paging li:first-child:before { content: ""; }
.paging li a { font-weight: bold; color: #808080; }
.paging li a:hover { color: #111; }
.paging li.active a { color: #111 !important; cursor: default !important; }


/*  Pagetype: Home */

#introrow .col { float: right; }
#introrow .various p + h2 { margin-top: 1.5em; }


.abonnoment {display: block; float: right; text-align: left; width: 66%;}

/* Pagetype: Buch / Bücher */

.page-buch .big-cover + p { font-size: 1.25em; line-height: 1.375; }

.bookinfo { background: #ebebeb url(../images/bg-greygrad.png) repeat-x 0 100%; clear: left; overflow: hidden; border: 0 none; margin-top: 1.5em; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bookinfo hr { margin-bottom: 1em; }

.bookinfo ul { font: bold 1em/1.45 "Helvetica Neue", Arial, Helvetica, sans-serif; }
.bookinfo ul a { color: rgba(0,0,0,.5); }
.bookinfo ul a:hover,
.bookinfo ul a:active { color: #333; }

.getthebook { overflow: hidden; }
.getthebook a { display: inline-block; }
.getthebook li:first-child a { font-size: .875em; color: #fff; display: block; margin: 0 0 .5em; }
.getthebook li:first-child a:hover,

.bookinfo div p { font-size: .875em; }
.bookinfo div dl { font-size: .875em; }
.bookinfo div dt { font-weight: normal; }
.bookinfo div dt { float: left; clear: left; width: 7em; }
.bookinfo div dd { margin-left: 7em; }

.bookinfo span { display: inline-block; width: 6.5em; }

.bookmeta { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

.no-rgba .bookinfo ul a { color: #808080; }

.comment div { background: #f4f4f4; padding: 1em 1em .5em; }
.comment > p { font-size: .875em; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #808080; padding: 0 0 1em; }
.comment > p:before { content: ""; background: url(../images/sprite.png) no-repeat -20px -60px; display: inline-block; vertical-align: bottom; width: 30px; height: 30px; margin: 0 1em 0 1.5em; }
.comment > p b { color: #333; }

.commentform { margin-top: 1.5em; }
.commentform button { margin-left: 0; }


/* Pagetype: Autor / Autoren */

.listing { margin-bottom: 1.5em; }

.listing a { color: #808080; }
.listing a:hover { color: #333; }

.no-csscolumns .listing-autoren { margin-left: -1em; }
.no-csscolumns .listing-autoren:before,
.no-csscolumns .listing-autoren:after { content: ""; display: table; clear: both; }
.no-csscolumns .listing-autoren li { float: left; width: 100%; border-left: 1em solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ie7 .no-csscolumns .listing-autoren { zoom: 1; margin-left: 0; }
.ie7 .no-csscolumns .listing-autoren li { border-left: 0 none; }


/* Pagetype: Termine */

.page-termine .img-text-box div { overflow: hidden; }


/* Pagetype: Video */

.videowrap { margin-bottom: 2.5em; }
.col1_3 .videowrap { margin-bottom: .75em; }
.ie8 .col1_3 .videowrap { margin-bottom: 1.5em; }


/* Pagetype: Buchhandelsfinder */

#map_canvas { width: 100%; height: 500px; border: 1px solid #616365; }

ul#bookseller { margin: 0; }
ul#bookseller li { list-style-type: none; }
ul#bookseller .seller { border-top: 1px solid #C3C5C7; padding: 15px 0; }
ul#bookseller .seller:first-child { margin-top: 2em; }
ul#bookseller .seller:last-child { border-bottom: 1px solid #C3C5C7; }
ul#bookseller h4 { margin-bottom:  0px; }

#tipOverlay { position:absolute; background:#FFF; border: #CCC 1px solid; padding:.5em; max-width:20em; box-shadow: 0 2px 4px rgba(0, 0, 0, .25); }

.infopop { line-height: 16px; min-width: 300px; min-height: 100px; padding: 1em 1em 0; }
.infopop .info { color: #333; }
.infopop .info p { margin-bottom: 0 }
.infopop .detaillinks { overflow: hidden; margin: 0 !important; padding: .5em 0 1em !important; list-style-type: none; }
.infopop .detaillinks li { float: left; list-style-type: none; margin: 0 3px 0 0 !important; }
.infopop .detaillinks li a  { background: #555; padding: 3px 7px; display: inline-block; color: #fff; font-size: .875em; font-weight: bold; text-decoration: none !important; }
.infopop .detaillinks li a:hover  { background: #333; }
.infopop .linkblock { margin: 2px 0 0 0; padding: 0; list-style-type: none; }
.infopop .clear { clear: both; line-height: 0px; }
#infopop-container { display: none; }

.gm-style div, .gm-style span, .gm-style label, .gm-style a { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important; font-weight: normal !important; }
a.blocklink { font-weight: bold !important; }



/* MODUL: SIDEBAR ------------------------------------------------------------------------------ */


#kampa { overflow: hidden; margin-bottom: 2.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ie7 #kampa { zoom: 1; }

#kampa h2 { margin: 1.5em 0 .75em; }
#kampa h2:first-child { margin-top: 0.5em; }
#kampa article { margin: 1em 0; }
#kampa article + article { border-top: 1px solid #ccc; padding-top: 1em; }


/* Newsletter Orderform */

#newsletter-orderform button { background-position: -292px 8px; }



/* MODUL: FOOTER (Contentinfo) ----------------------------------------------------------------- */


#siteinfo { background: #333; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #999; clear: both; padding: 1.5em 0 4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#siteinfo .inner:before,
#siteinfo .inner:after { content: ""; display: table; clear: both; }

#siteinfo a { color: #999; }
#siteinfo a:hover { color: #ccc; }


/* Footer Logo */

#siteinfo a.logo { float: left; margin-bottom: 1.5em; }
.svg #siteinfo a.logo { background: url(../images/logo-white.svg) no-repeat; width: 113px; height: 44px; }


/* Footer Social Media Links */

#siteinfo .social { float: right; margin-top: .5em; }
#siteinfo .social li { display: inline; }
#siteinfo .social a { background: url(../images/sprite.png) no-repeat -30px 0; text-indent: -9999px; float: left; width: 30px; height: 30px; overflow: hidden; margin-left: .5em; }
#siteinfo .social a:hover { opacity: .8; }
#siteinfo .social li.facebook a { background-position: -30px 0; }
#siteinfo .social li.twitter a { background-position: -60px 0; }
#siteinfo .social li.gplus a { background-position: -90px 0; }
#siteinfo .social li.youtube a { background-position: -120px 0; }
#siteinfo .social li.instagram a { background-position: -210px 0; }
#siteinfo .social li.blog a { background-position: -180px 0; }


.ie8 #siteinfo .social a:hover { filter: alpha(opacity=80); }


/* Footer Navigation */

#siteinfo .footernav { clear: both; border: 1px dotted #999; border-width: 1px 0; margin: 1em 0 2em; padding: 1.5em 0 .5em; }
#siteinfo .col { margin-bottom: 1.5em; }
#siteinfo .col:nth-child(n+3) { display: block; }
#siteinfo h3 { color: #fff; margin-bottom: .5em; }
#siteinfo ul { font-weight: bold; }

.ie7 #siteinfo .footernav { overflow: hidden; }


/* Footer Copyright */

#siteinfo p { font-size: .9375em; text-align: center; }
#siteinfo p b { color: #fff; }


/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:   (300px)
===================================================================================================
*/

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



    /* Social Media Sharebuttons */

    #share_buttons {background: #f4f4f4; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: .875em; width:100%; float:none; margin:0px auto; text-align:center; border:0px solid green; display:inline-block;}
    #share_buttons span.rec {font-weight:bold; display:inline-block; padding:20px 0 10px 0;}
    #share_buttons #inner {width:100%; margin:0 auto; min-height:48px; display:inline-block;  display:block;}

    #facebook.sharrre, #twitter.sharrre, #google.sharrre {
        display:inline-block;
        text-align:center;
        margin:0 20px;
        padding:7px 0 4px 0;

    }

    #facebook.sharrre a, #twitter.sharrre a, #google.sharrre a {
        text-decoration:none;
        color:#555;
    }


    #facebook.sharrre .count, #twitter.sharrre .count, #google.sharrre .count {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        color:rgba(0, 0, 0, 0.5);
        float:right;
        padding:6px 0 6px 4px;
        min-width:20px;
    }

    #facebook.sharrre .share {
        float:left;
        background: url(../images/sprite.png) no-repeat -30px -30px;
        display: inline-block;
        width:20px;
        height:20px;
        vertical-align: middle; position: relative; top: 6px; left: -3px;
    }
    #twitter.sharrre .share {
        float:left;
        background: url(../images/sprite.png) no-repeat -50px -30px;
        display: inline-block;
        width:20px;
        height:20px;
        vertical-align: middle; position: relative; top: 6px; left: -3px;
    }

    #google.sharrre .share {
        float:left;
        background: url(../images/sprite.png) no-repeat -70px -30px;
        display: inline-block;
        width:20px;
        height:20px;
        vertical-align: middle; position: relative; top: 6px; left: -3px;
    }

    #facebook.sharrre .share:active, #twitter.sharrre .share:active, #google.sharrre .share:active {
        box-shadow:inset 0 5px 5px rgba(0,0,0,.5);
    }




    #facebook.sharrre, #twitter.sharrre, #google.sharrre {
        display:inline-block;
        text-align:center;
        margin:0 15px;

    }

}

/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:  30em (480px)
===================================================================================================
*/



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

h1 { font-size: 2.875em; line-height: 1.1; margin-bottom: .625em; padding-right: 2em; }

dt { float: left; clear: left; width: 8em; }
dd { margin-left: 8em; }


/* FLEXROWS ------------------------------------------------------------------------------------ */

.col { width: 50%; }
.col1_1, .col1_2, .col1_3, .col2_3 { width: 100%; }
.col:nth-child(odd) { clear: left; }

.videocol { width: 50%; }

.col1_3 .cover { max-width: 25%; }
figure.col1_3 { float: left; width: 25%; }
figure.col1_4:nth-child(odd) { clear: none; }



/* MODUL: HEADER (Masthead) -------------------------------------------------------------------- */


#masthead .social span { display: inline; }



/* MODUL: MAIN --------------------------------------------------------------------------------- */

/* FlexSlider */

.flexslider .slides .slidecontent h2 { font-size: 1.6em; }
.flexslider .slides .slidecontent h4 { font-size: .875em; }


/* Bestsellerbox */

.bestsellerbox { padding: 0; border: 0 none; }


/* Pagetype: Autor / Autoren */

.listing-autoren { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; }
.no-csscolumns .listing-autoren li { width: 50%; }


/* Pagetype: Buch */

.getthebook li:first-child a { display: inline-block; }

.bookinfo div { float: left; width: 49%; }
.bookinfo div + div { float: right; }
.anleserText p { padding: 0; margin: 0; }

/*Social Media Sharebuttons*/

    #share_buttons {height:45px;}
    #share_buttons span.rec {display:inline-block; text-align:right;  padding:0 ; vertical-align: middle; min-height:48px; margin-right:20px;}
    #share_buttons #inner {width:auto; display:inline-block;}



/* MODUL: NEWSLETTER ------------------------------------------------------------------------------ */
ul.nwl li { display: block; margin: 3px;}
ul.nwl li span { color: #C00B25;}
form.nwl span { display: block; width: 75%; margin: 0 auto; text-align: center; margin-bottom: 15px;}
form.nwl button { display: block; margin-left: 0; margin: 0 auto!important;}

form.nwla label { display: block; margin: 5px 0}
form.nwla button { margin-left: 0;}

/* MODUL: SIDEBAR ------------------------------------------------------------------------------ */


#kampa { margin-bottom: 2em; }

#kampa article { float: left; width: 49%; }
#kampa article + article { float: right; border: 0 none; padding-top: 0; }
#kampa article + article + article { display: none; }


/* Programmliste */

#programm a { width: 50%; }



/* MODUL: FOOTER (Contentinfo) ----------------------------------------------------------------- */


#siteinfo p { font-size: 1em; }

}



/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:  37.5em (600px)
===================================================================================================
*/


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


/* FORMS ------------------------------------------------------------------------------------ */

fieldset p > label,
fieldset p > .label { float: left; width: 33%; }

fieldset p > label.fullwidth,
fieldset p > .label.fullwidth { float: none; width: 100%; }

fieldset p label + span,
fieldset p .label + span,
#rex-xform input[type=text],
#rex-xform textarea { float: right; width: 66%; }

#rex-xform p.radio input[type=radio] { float: left; margin-left: 34%; margin-right: 4px; }

#rex-xform label + select { margin-left: 1%; }

button,
#rex-xform input[type=submit] { margin-left: 34%; }

.errormsg { margin-left: 34%; }
p.gewinnspielfrage + input + .errormsg { margin-left: 0; }
p span.fill { float: right; width: 66%;}

#xform-formular-digital,
#xform-formular-print { padding: 20px 0 6px 34%; }
#xform-formular-digital { padding: 0 0 20px 34%; }

#xform-formular-print:before { top: 23px; }



/* MEDIA ------------------------------------------------------------------------------------ */

figure.big-cover { width: 32% !important; position: absolute; top: 0; left: 0; }



/* FLEXROWS ------------------------------------------------------------------------------------ */

.col { margin-bottom: 1em; }
.col:nth-child(odd) { clear: none; }

.col1_4 { width: 25%; }
.col1_3 { width: 33.3334% !important; }
.col1_2 { width: 50%; }
.col2_3 { width: 66.6667%; }
.col1_1 { width: 100%; }

.col1_4:nth-child(4n+1), .col1_3:nth-child(3n+1), .col1_2:nth-child(2n+1) { clear: left; }

.col2_3:first-child { width: 100%; padding-left: 33.3334% !important; }

.videocol:nth-of-type(3) { display: block; }

.ie7 .col1_3 { width: 32% !important; }
.ie7 .col2_3:first-child { width: 65% !important; }


/* MODUL: MAIN --------------------------------------------------------------------------------- */

#programm { margin-bottom: 0; }

.cover { max-width: 100% !important; float: none; margin-right: 0; }
.bestsellerbox .cover { float: left; max-width: 8em !important; float: left; margin-right: 1em; }

#introrow .various p + h2 { margin-top: 1em; }

.sliderwrap { height: 0; border: 0 none; }

.flexslider .slides .slidecontent { background-position: 0 100%; padding: 0 2.5em 2.5em; }
.flexslider .slides .slidecontent img { width: 9em; }
.flexslider .slides .slidecontent div { bottom: 2.5em; left: 12.5em; right: 6.5em; }
.flexslider .slides .slidecontent h2 { font-size: 2.4em; line-height: 1.1; }
.flexslider .slides .slidecontent h4 { font-size: 1em; }

.flex-control-nav { text-align: right; margin: 0 !important; position: absolute; bottom: 2.5em; right: 2.5em; z-index: 10; }
.flex-control-paging li a { background-position: -60px -60px; }

    /*Social Media Sharebuttons*/

    #share_buttons {height:45px;}
    #share_buttons span.rec {display:inline-block; text-align:right;  padding:0 ; vertical-align: middle; min-height:48px; margin-right:20px;}
    #share_buttons #inner {width:auto; display:inline-block;}
    #facebook.sharrre, #twitter.sharrre, #google.sharrre {
        margin:0 10px;
    }


/* Bookbox */

.img-text-box figure { max-width: 8em; }
.img-text-box div { overflow: hidden; }


/* Iconbox */

.icons-text-box { margin-bottom: 0; }


/* Pagination */

.pagination li, .paging li { display: inline; }


/* Sorter */

.sorter ul { display: block; overflow: hidden; }
.sorter li { display: inline; }
.sorter a { color: #808080; float: left; width: 3.34615385%; margin-right: .5% }
.sorter a:hover, .sorter a:active { color: #333; }
.sorter .tinynav { display: none; }

.ie7 .sorter a { width: 3.2%; }

.sorter > div, .sorter form.sorterform > div { width: auto; }
.sorter > div.full, .sorter form.sorterform > div.full { width: 100%; }
.sorter > div.right, .sorter form.sorterform > div.right { float: right !important; text-align: right; margin-right: 0; margin-left: 1em; }
.sorter > div span, .sorter form.sorterform > div span { display: block; width: auto; }

.pictureArchive.well { padding-bottom:0 !important;}


 /* "Wimpel" */

.col.auszeichnung:after,
.col.bestseller:after,
.col.news:after,
.col.event:after,
.col.interview:after,
.col.blog:after { content: ""; background: url(../images/sprite.png); position: absolute; top: -9px; right: 1em; display: block; width: 36px; height: 130px; }

.col.auszeichnung:after { background-position: 0 -120px; height: 130px; }
.col.bestseller:after { background-position: -40px -120px; height: 130px; }
.col.news:after { background-position: -80px -120px; height: 130px; }
.col.interview:after { background-position: -120px -120px; height: 130px; }
.col.event:after { background-position: -160px -120px; height: 130px; }
.col.blog:after { background-position: -200px -120px; height: 130px; }

.ie8 .col.auszeichnung img,
.ie8 .col.bestseller img,
.ie8 .col.news img,
.ie8 .col.event img,
.ie8 .col.interview img,
.ie8 .col.blog img { position: relative; z-index: -1; }


/* Pagetype: Autor / Autoren */

.listing-autoren { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }

.no-csscolumns .listing-autoren li { width: 33.3334%; }
.ie7.no-csscolumns .listing-autoren li { width: 32%; }


/* Pagetype: Buch */

.bookinfo { width: 32% !important; position: absolute; left: 0; margin: 0; border-left: 0 none; }
.bookinfo ul { font-size: 1.125em; }
.bookinfo div { float: none; width: 100%; }

.ie7 .bookinfo { width: 28% !important; }


/* MODUL: FOOTER (Contentinfo) ----------------------------------------------------------------- */

#siteinfo .footernav { padding-bottom: 1.5em; }
#siteinfo .col { margin-bottom: 0; }

}


/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:  50em (800px)
===================================================================================================
*/


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


/* MODUL: HEADER (Masthead) -------------------------------------------------------------------- */

#masthead { padding-top: .75em; }


/* Masthead Logo */

#masthead a.logo { float: left; margin-top: .25em; }


/* Masthead Social Media Links */

#masthead .social { display: block; float: right; font-size: .875em; border: 0 none; margin: 1.5em 0 0; padding: 0; }
#masthead .social a { margin: 0 0 0 .3525em; }


/* Mobile Navigation Trigger */

#mobilenavtrigger { display: none; }



/* MODUL: NAVIGATION --------------------------------------------------------------------------- */

#sitenav { background: transparent; float: right; width: 25%; height: auto !important; border-left: 1em solid transparent; margin-bottom: 1.5em; padding-bottom: 0; -webkit-transition: none; -moz-transition: none; transition: none; }

#sitenav h2.colhead { display: block; }
#sitenav li { display: block; }
#sitenav hr { display: none; }

#mainnav { font-size: 1em; margin-bottom: 1em; }


/* Primary Navigation */

#mainnav ul#primarynav { margin-bottom: 1.475em; }
#mainnav ul#primarynav ul { font-size: .5em; line-height: 1.55; }


/* Secondary Navigation */

#mainnav ul#secondarynav li { display: block; border: 0 none;  margin-left: 0; padding-left: 0; }


/* Searchform */

#searchform { margin: 0 0 1.25em; }


/* Social Media Links (mobile only!) */

#sitenav .social { display: none; }



/* MODUL: MAIN --------------------------------------------------------------------------------- */

#content { float: left; width: 75%; min-height: 85em; margin-bottom: 3em; }

    /*Social Media Sharebuttons*/



/* Bestsellerbox */

.bestsellerbox > a { display: block; overflow: hidden; }
.bestsellerbox > a div { overflow: hidden; padding-top: 35%; }
.bestsellerbox > a div span { float: left; clear: left; margin: 0; padding: 0 0 0 1em; }
.bestsellerbox > a div span:first-child { background-image: url(../images/bg-lasche.png); background-repeat: repeat-y; margin-bottom: .25em; }

.bestsellerbox .cover { max-width: 50% !important; min-width: 0; margin-right: 0; }


/* MODUL: SIDEBAR ------------------------------------------------------------------------------ */


#kampa { clear: right; width: 25%; border-left: 1em solid transparent; margin-bottom: 3em; margin-left: 75%; }

.ie7 #kampa { border: 0 none; }

#kampa article { display: block !important; float: none !important; width: 100%; }
#kampa article + article { border-top: 1px solid #ccc; padding-top: 1em; }


/* Programmliste */

#programm { font-size: 1em; }
#programm ul { margin: 0; padding: 0; }
#programm li { display: block; }
#programm a { float: none; width: auto; border-left: 0 none; }

}



/*
===================================================================================================
M E D I A   Q U E R I E S   >   Min-width:  62em (992px)
===================================================================================================
*/

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


.inner { max-width: 1064px; margin: 0 auto; }



/* MODUL: NAVIGATION --------------------------------------------------------------------------- */

#mainnav ul#primarynav ul { font-size: .675em; line-height: 1.4; }


    #share_buttons {height:45px;}
    #share_buttons span.rec {display:inline-block; text-align:right;  padding:0 ; vertical-align: middle; min-height:48px; margin-right:20px;}
    #share_buttons #inner {width:auto; display:inline-block;}
    #facebook.sharrre, #twitter.sharrre, #google.sharrre {
        margin:0 10px;
    }

}



/*
===================================================================================================
M E D I A   Q U E R I E S   >   Retina / High DPI Styles
===================================================================================================
*/


@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {

form.inlineform button,
.more:after,
#masthead .social a:before,
#mobilenavtrigger,
#mainnav ul#primarynav li a:after,
.flex-control-paging li a,
.col.auszeichnung:after,
.col.bestseller:after,
.col.news:after,
.col.interview:after,
.col.event:after,
.col.blog:after,
#siteinfo .social a,
#sitenav .social a,
.icons-text-box div:before { background-image: url(../images/sprite@2x.png); background-size: 400px 400px; }

}



/*
===================================================================================================
M E D I A   Q U E R I E S   >   Print Styles
===================================================================================================
*/


@media print {

* { background: transparent !important; color: black !important; text-shadow: none !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; -ms-filter: none !important; }

@page { margin: 2cm; }

html { border: 0 none; }


/* TYPOGRAPHY ---------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
p, h1, h2, h3, h4, h5, h6 { orphans: 3; widows: 3; }

ul { list-style: disc inside; padding: 0 1em; }
ol { list-style: decimal inside; padding: 0 1em; }

a, a:visited { color: black !important; text-decoration: none !important; }


/* MEDIA --------------------------------------------------------------------------------------- */

img { page-break-inside: avoid; }

#masthead { padding-top: 0 !important; }

a.logo img { display: inline-block; }
.svg a.logo { background: none; width: auto; height: auto; }
.svg a.logo img { visibility: visible; }



/* MODUL: NAVIGATION --------------------------------------------------------------------------- */

nav, #sitenav { display: none; }


/* MODUL: MAIN --------------------------------------------------------------------------------- */

.breadcrumb, .recommend, a.more { display: none !important; }
.bookinfo { padding: 0; }

/* MODUL: FOOTER (Contentinfo) ----------------------------------------------------------------- */

footer { display: none; }

}