/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF EIGHT  */
.span_8_of_8 {
    width: 100%;
}

.span_7_of_8 {
    width: 87.37%;
}

.span_6_of_8 {
    width: 74.75%;
}

.span_5_of_8 {
    width: 62.12%;
}

.span_4_of_8 {
    width: 49.5%;
}

.span_3_of_8 {
    width: 36.87%;
}

.span_2_of_8 {
    width: 24.25%;
}

.span_1_of_8 {
    width: 11.62%;
}


a {
    color: #7E992B;
}

body {
    font-family: 'Source Sans Pro';
    font-size: 1.5em;
}

div#wrapper {
    max-width: 1000px;
    margin: auto;
    border-left: 1px solid #cbcaca;
    border-right: 1px solid #cbcaca;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Source Sans Pro';
}

div#header_line div {
    text-align: center;
    margin-bottom: 0px;
}

div#header_line {
    border-bottom: 1px solid #040707;
}

div#slider_block div.col, div#content_block div.col {
    border-top: 1px solid #040707;
    padding-top: 15px;
}

nav#languagemenu {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -30px;
    font-size: 7em;
    color: #939292;
    line-height: 1em;
}

nav#languagemenu.subpage {
    font-size: 5em;
    margin-bottom: -20px;
}

nav#languagemenu a {
    font-family: 'FilosofiaOT-Italic';
}

nav#languagemenu a#hartliebs {
    color: #7E7F7E;
    font-style: normal;
    font-family: 'FilosofiaOT';
}

div#slider_block div#contactwidget h2 {
    font-style: normal;
    font-family: 'FilosofiaOT';
}

div#slider_block div#contactwidget h2:first-of-type i {
    font-style: normal;
    font-family: 'FilosofiaOT-Italic';
}

a#books, div#slider_block div#contactwidget h2:first-of-type i {
    color: #7E992B;
}

a#livres, div#slider_block div#contactwidget h2:nth-of-type(2) i:first-of-type {
    color: #004D88;
}

a#libri, div#slider_block div#contactwidget h2:nth-of-type(2) i:last-of-type {
    color: #CD1316;
}

a#petra {
    color: #63636c;
}

div#contactwidget a#books, div#contactwidget a#livres,div#contactwidget a#libri,div#contactwidget a#petra  {
    color: #000000;
    font-family: 'FilosofiaOT-Italic';
    font-size: 1.5em;
    margin-right: 4px;
}

div#contactwidget {
    position: relative;
}

div#contactwidget .textwidget {
    font-size: 0.9em;
    padding-bottom: 25px;
}

.glyphicon-arrow-right {
    -webkit-text-stroke: 2px white !important;
}

div#contactwidget a#books {
    border-bottom: 5px solid #7E992B;
}

div#contactwidget a#livres {
    border-bottom: 5px solid #004D88;
}

div#contactwidget a#libri {
    border-bottom: 5px solid #CD1316;
}

div#contactwidget a#petra {
    border-bottom: 5px solid #63636c;
}

nav#languagemenu .span_2_of_8 a, nav#languagemenu .span_2_of_8 {
    font-size: 1.5rem;
    line-height: normal;
}

nav#languagemenu.subpage .span_2_of_8 a, nav#languagemenu.subpage .span_2_of_8 {
    font-size: 1.8rem;
}

div#slider_block div#contactwidget {
    padding: 9px;
}

div#slider_block div#contactwidget h2 {
    font-size: 1.5em;
    font-weight: normal;
}

div#contactwidget.little h2 {
    margin-top: 5px;
}

div#slider_block div#contactwidget h2:nth-of-type(2) i:nth-of-type(2) {
    color: #CD1316;
}

div#slider_block div#contactwidget h2:nth-of-type(2) i:nth-of-type(3) {
    color: #7E992B;
}


div#iconsbar {
    position: absolute;
    width: 100%;
    /* bottom: -40px; */
    bottom: -0px;
}

div#iconsbar span {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #cbcaca;
    text-align: center;
    padding-top: 7px;
    padding-left: 1px;
    color: #fff;
}

div#iconsbar a:last-of-type {
    margin-left: 55%;
}

h1 {
    font-size: 2.2em;
}
footer {
    background-color: #e0e2e2;
    text-align: left;
    font-size: 0.62em;
}

footer .col {
    border-left: 1px solid #ffffff;
    padding: 6px;
    height: 120px;
}

footer .col:first-of-type {
    border: none;
}

footer .span_6_of_8 {
    padding-top: 100px;
}

footer .span_1_of_8 h2 {
    margin-top: 0px;
}

footer h2 {
    font-size: 0.9em;
}

div#content_block .col.span_6_of_8 {
    padding-top: 0px;
}

nav.navbar-default {
    border: none;
    background-color: #f6f7f8;
}

.navbar-default .navbar-nav>li>a {
    color: #040707;
    font-family: 'FilosofiaOT';
    font-size: 1.75em;
}

.navbar-collapse, .container-fluid {
    padding-left: 0px;
}

.active > .dropdown-menu, .open>.dropdown-menu, .current-menu-ancestor .dropdown-menu {
    display: inline-block;
    float: left;
    width: 700px;
    position: absolute;
    border: none;
    box-shadow: none;
    background-color: #f6f7f8;
    border-bottom: 1px solid #040707 !important;
    border-top: 1px solid #040707 !important;
    border-radius: 0px;
    font-family: 'FilosofiaOT';
    font-size: 1.2em;
}

.active .dropdown-menu li a {
    padding-left: 12px;
    padding-right: 12px;
}

.active .dropdown-menu li, .open>.dropdown-menu li, .current-menu-ancestor .dropdown-menu li {
    float: left;
}

.caret {
    display: none;
}

#mainmenu + main {
    margin-top: 100px;
    border-top: 1px solid #7E992B !important;
}

.navbar-default {
    border-bottom: 1px solid #040707 !important;
}

footer, footer h2 {
    font-weight: bold;
}

footer .col {
    margin-left: 6px;
}

footer .menu li {
    list-style: none;
    margin-left: -40px;
    font-weight: normal;
}

footer .menu li a {
    color: #333;
    text-decoration: none;
}

footer .textwidget, footer span.copy, footer .span_6_of_8 {
    font-weight: normal;
}

footer span.copy {
    position: relative;
    top: 60px;
}

footer span.special {
    position: relative;
    top: -3px;
}

footer #menu-item-1387, footer #menu-item-1388 {
    display: none;
}

footer #menu-item-1387 a, footer #menu-item-1388 a {
    font-weight: bold;
}

.category_left {
    float: left;
    width: 20%;
}

.category_left img {
    max-width: 80%;
    height: auto;
}

.category_left p.category_name {
    border-bottom: 1px solid #040707;
    width: 80%;
    font-style: italic;
}

.category_right{
    float: right;
    width: 79%;
}

.category_right h2 a{
    font-weight: normal;
    color: #7E992B;
}

div.postsidebar {
    float: left;
    width: 30%;
    padding-top: 23px;
}

div.postsidebar p.metainfo {
    padding-top: 10px;
    font-weight: bold;
}

div.postsidebar img {
    max-width: 90% !important;
    width: auto !important;
    height: auto !important;
}

article.post {
    float: right;
    width: 70%;
}

.comments-area {
    float: right;
    width: 70%;
    border-top: 1px solid #7E992B !important;

}

.accordion-title {
background-color: #7E992B;
padding: 10px;
color: #fff;
}

input[type=checkbox] {float: left; margin-right: 5px;}
input[type=checkbox] + label {display: inline; }

.comment p {
    clear: both;
}

span.says, .comment-edit-link, div.reply {
    display: none;
}

.comments-title {
    margin-top: 10px;
}

.comment-list {
    margin-left: -40px;
}

cite.fn {
    font-weight: bold;
    font-style: normal;
    float: left;
}

.commentmetadata a {
    color: #040707;
    float: left;
    padding-left: 5px;
    font-weight: lighter;
}

.postwrapper {
    margin-top: 25px;
}

span.sub {
    display: none;
}

div.shop {
    background-color: #f6f7f8;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: -15px;
    border-bottom: 1px solid #040707 !important;
    text-align: right;
    padding-right: 10px;
    width: 100%;
}

.category_right h2 {
    margin-bottom: 15px;
}

a.shop {
    color: #040707;
    font-family: 'FilosofiaOT';
    font-size: 1.75em;
}

a.shop .glyphicon {
    font-size: 0.65em;
}

a#shoplink {
    position: fixed;
    margin-bottom: 300px;
}

a#shoplink img {
    margin-top: 60px;
    width: 85%;
    margin-bottom: 50px;
}

@media all and (max-height: 830px) {
    a#shoplink {
        position: absolute;
    }
}

.widgets_on_page li {
    list-style: none;
    margin-left: -35px;
}

span a {
    color: inherit;
}

.textwidget a {
    color: #333333;
}
.post h1 {
    color: #7E992B;
    font-weight: normal;
}

h1, h2, h1 i, h2 i {
    font-family: 'FilosofiaOT-Italic';
    font-style: normal;
}

h2.rounded {
font-family: 'Source Sans Pro'
}

#contactwidget a:hover, nav#languagemenu a:hover {
    text-decoration: none;
}

span.glyphicon.glyphicon-comment {
    color: #7E992B;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: inherit;
    background-color: transparent;
    border: none;
}

span a:hover {
    color: inherit;
}

.navbar-default .navbar-nav>.dropdown.active>a, .dropdown-menu>.dropdown.active>a, .dropdown-menu>.dropdown.active>a:focus, .dropdown-menu>.dropdown.active>a:hover,
.navbar-default .navbar-nav>.current-menu-ancestor>a, .dropdown-menu>.current-menu-ancestor>a, .dropdown-menu>.current-menu-ancestor>a:focus, .dropdown-menu>.current-menu-ancestor>a:hover,
.navbar-default .navbar-nav>.current-menu-item>a, .dropdown-menu>.current-menu-item>a, .dropdown-menu>.current-menu-item>a:focus, .dropdown-menu>.current-menu-item>a:hover,
.navbar-default .navbar-nav>.current-post-ancestor>a, .dropdown-menu>.current-post-ancestor>a, .dropdown-menu>.current-post-ancestor>a:focus, .dropdown-menu>.current-post-ancestor>a:hover {
    color: #7E992B;
    font-weight: bold;
    background-color: transparent;
}

.current-menu-ancestor .dropdown-menu {
    display: inline-block;
}

.category_right p:nth-last-of-type(2) {
    position: relative;
    top: 0px;
    float: right;
}

label {
    display: block;
}

#si_captcha_code .required {
    display: none;
}

#si_captcha_code label {
    display: inline-block;
}

nav#mainmenu + p {
    margin-top: 130px;
    margin-bottom: 130px;
}

img.alignnone + img.alignnone, img.alignright + img.alignright, img.alignleft + img.alignleft {
    display: none;
}

img.alignleft {
    float: left;
    margin-right: 10px;
}

img.alignright {
    float: right;
    margin-left: 10px;
}

p.metadata {
    font-weight: bold;
    margin-top: -5px;
}

p.metadata .color {
    color: #7E992B;
}

#slider_block #pageheader {
    height: 260px;
    overflow: hidden;
    background: url('https://hartliebs.at/wp-content/uploads/2017/05/Leiter.jpg');
    background-size: 100% 90%;
background-position-y: 30px;
background-repeat: no-repeat;
}

#slider_block #pageheader img {
    max-width: 100% !important;
    height: auto !important;
}

    #slider_block #pageheader img + #slider_block #pageheader img {
        display: none;
    }
    
    #slider_block #pageheader img:nth-child(2) {
    	display: none;
    }

img.arrow {
    height: 0.5em;
    margin-top: -0.3em;
    margin-right: 5px;
}

.shop img.arrow {
    margin-top: -0.1em;
}

.nav>li>a {
    padding: 10px 10px;
}

footer .menu li:first-of-type {
    font-weight: bold;
}

ul.dropdown-menu.depth_0 {
top: 49px;
}

footer #menu-item-2022, footer #menu-item-2023, footer #menu-item-2024 {
display: none;
}

.veranstaltungsheader {
margin-top: 70px;
border-bottom: 1px solid #040707 !important;
width: 100%;
}

.sectiontitle {
float: left;
text-transform: uppercase;
margin-top: -1.3em;
}

.sectionlink {
float: right;
text-transform: uppercase;
margin-top: -1.3em;
}

#searchformstart  label {
display: none !important;
}

#searchformstart input#s {
width: 100px;
margin-top: -8px;
}

#searchformstart #searchsubmit {
display: none !important;
}

#searchalert {
background-color: #f6f7f8;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 10px;
border-top: 1px solid #040707 !important;
border-bottom: 1px solid #040707 !important;
text-align: left;
padding-right: 10px;
width: 100%;
}

#searchalert a {
color: #040707;
font-family: 'FilosofiaOT';
font-size: 1.5em;
}

.veranstaltungsheader {
margin-top: 70px;
border-bottom: 1px solid #040707 !important;
width: 100%;
}

.sectiontitle {
float: left;
text-transform: uppercase;
margin-top: -1.3em;
}

.sectionlink {
float: right;
text-transform: uppercase;
margin-top: -1.3em;
}

#mainbtns {
	display: flex;
	justify-content: space-between;
}

#booksdiv, #livresdiv, #libridiv, #petradiv {
	width: 24%;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	font-family: 'FilosofiaOT-Italic';
}


#booksdiv a, #livresdiv a, #libridiv a, #petradiv a {
	color: #fff;
}

#booksdiv {
	background-color: #7f9938; 
	margin-left: 0;
}

#livresdiv {
	background-color: #005885; 
}

#libridiv {
	background-color: #cc1b21; 
}

#petradiv {
	background-color: #646363; 
	margin-right: 0;
}

#slider_block + #content_block .span_2_of_8 a#shoplink {
position: relative;
}


#slider_block + #content_block .span_2_of_8 div#iconsbar {
    bottom: -10px;
}

div#iconsbar span {
float: left;
}

div#iconsbar span.nlbtn {
width: auto;
padding-right: 5px;
padding-left: 5px;
padding-top: 3.5px;
padding-bottom: 3.5px;
border-radius: 10px;
float: right;
}

.knewsterms {
margin-top: 10px;
}

@-moz-document url-prefix() {
    nav#languagemenu div {
        margin-bottom: -20px;
    }


}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    div#iconsbar > span:first-of-type {
        position: relative;
        top: -2px;
   }

    footer .col {
        height: auto;
        min-height: 170px;
    }

}

@media only screen and (max-width: 995px) {

    div#iconsbar a:last-of-type {
        margin-left: 0px;
    }

    footer .col {
        height: auto;
        min-height: 150px;
    }

    p.metainfo {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 880px) {
    .span_6_of_8 {
        width: 66%;
    }

    .span_2_of_8 {
        width: 33%;
    }

}

@media only screen and (max-width: 768px) {
    .navbar-collapse, .container-fluid {
        padding-left: 20px;
    }

    .dropdown-menu {
        left: auto !important;
    }

    .active .dropdown-menu, .active .dropdown-menu li, .open>.dropdown-menu li {
        float: none;
    }

    .active .dropdown-menu {
        display: none;
    }

    a#shoplink, .shop {
        display: block;
        position: relative;
        width: 100% !important;
        margin-bottom: 0px;
    }
    
    #content_block .span_2_of_8 {
        width: 100% !important;
    } 
    
    a#shoplink img {
    	margin-top: 20px;
    	width: 80%;
    }

}

@media only screen and (max-width: 730px) {
    .span_6_of_8 {
        width: 100%;
    }

    .span_2_of_8 {
        width: 100%;
    }

    footer .span_1_of_8 {
        width: 20%;
    }

    footer .span_1_of_8:first-of-type {
        margin-left: 5px;
    }

    button, input, select, textarea {
        max-width: 95%;
    }

    nav#languagemenu {
        font-size: 4em;
        padding-bottom: 20px;
    }
}




@media only screen and (max-width: 580px) {

    footer .span_1_of_8 {
        width: 30%;
    }
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}

@media only screen and (max-width: 580px) {
    footer .span_1_of_8 {
        width: 45%;
    }

    #content_block {
        margin-top: 40px;
    }

    #slider_block #pageheader {
        height: auto;
    }
}




div#iconsbar span.glyphicon-triangle-right {
visibility: hidden;
}