/* All Responsive
================================================== */
	a#navigation-toggle { height: 55px; line-height: 55px; float: none; margin: 0; cursor: pointer; color: #fff; padding-left: 35px; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; display: none; }
	a#navigation-toggle .fa { margin-right: 10px; }
	#navigation-toggle { color: #fff; }
	#navigation-toggle:hover { color: #fff; }
	#sidr-main { position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; overflow-x: none; overflow-y: auto;font-size: 13px; background: #000; color: #fff; }
	#sidr-main { padding: 50px 30px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidr.right { left: auto; right: -320px; }
	.sidr.left { left: -320px; right: auto; }
	#sidr-main a { color: #707070; }
	#sidr-main a:hover { color: #fff; }
	#sidr-main ul a { display: block; border-bottom: 1px solid #222; border-bottom: 1px solid rgba(255,255,255,0.15); padding: 8px 0; }
	#sidr-main ul li ul { margin-left: 0; margin: 0; }
	#sidr-main ul li ul li a { padding-left: 10px; }
	#sidr-main ul li ul li li a { padding-left: 20px; }
	#sidr-main ul li ul li li li a { padding-left: 30px; }
	#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #333; margin-right: 10px; }
	.sidr-class-toggle-sidr-close:before { font-size: 16px; position: absolute; top: 15px; left: 30px; content: '\f00d'; font-family: 'FontAwesome'; color: #fff; margin: 0; }
	#primary{
	font-size: 1.1em; /* breaks zooming thingy */

}
@media only screen and (max-width: 480px) {
	a#navigation-toggle { display: none; }
	#site-navigation { display:block; }
}


/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 800px) and (max-width: 1280px) {

#header, #header-wrap, #site-navigation-wrap, #main, #footer-block-wrap {
    margin: 0 6% 0 6%;
}
#header{
margin: 0 0 0 10em;;
}

.page-node #footer-block-wrap .span_1_of_3.col.col-1 {
        margin: 0 0 0 0;

}
#block-search-form .content #search-block-form {
    float: right;
    margin: -3.6em 6% 0 0;
}

#footer-block-wrap .span_1_of_3.col.col-1 {
    width: 100%;
    margin: 0 auto 0 -10px;
}

#preface-block-wrap {
    padding: 0 6% 0 6%;
}
.view-aktuellste .views-field-title a {
    line-height: 1.1em;
    font-size: 1.2em;
}


#block-block-1 .content, #block-block-2 .content {
}
.span_1_of_3.col.col-3 {
    padding-right: 1.5em;

}

#footer-block-wrap .span_1_of_3.col.col-1,
.node-type-artikel #footer-block-wrap .span_1_of_3.col.col-1  {
    width: 100%;
    margin: 0 auto 0 120px;
}
}

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
		.container { max-width: 100%; width: 100%; }

#header, #header-wrap, #site-navigation-wrap, #main {
    margin: 0 6% 0 6%;
}
body #site-navigation #main-menu > ul {
display: block;
}
#logo img {
    display: block;
    max-width: 80%;
    margin: 0 0.1em 0 0;
}
#block-block-2{
	margin: 0 0 0 0;
}
#block-block-2 ul li {

    display: inline-flex;
    padding: 0 1em 0 0;

}
#preface-block-wrap a {
    font-size: 96%;
}
#block-search-form .content #search-block-form {
    float: right;
    margin: -3.6em 6% 0 0;
}
#search-form input#edit-keys, #block-search-form .form-item-search-block-form input {

    width: 140px;

}

#site-navigation #main-menu > ul li a {
    font-size: 1.5em;
  
}

#site-navigation #main-menu > ul li {
    display: block;
    margin: 0 2.5em 0 0;
    }
#footer-block-wrap .span_1_of_3.col.col-1,
.node-type-artikel #footer-block-wrap .span_1_of_3.col.col-1  {
    width: 100%;
    margin: 0 auto 0 80px;
}

div#logo.clr{
	margin: 0 -4em 0 0;
}
#preface-block-wrap {
    padding: 0 6% 0 6%;
}
#block-block-2 .content {
    margin: 10px 0 0 0;
}

h3.title, h3.title a, .views-field-title a {
    font-family: 'PT Serif', serif;
    color: #000;
    font-size: 18px;
    line-height: 1.2em;
}
.view-aktuellste .views-field-title a {
    line-height: 1.1em;
    font-size: 0.9em;
}
.view-aktuellste .details {
    font-size: 0.7em;
	bottom: -1.5em;
	}
	article div.details {
    color: #6d6e71;
    font-size: 0.85em;
}

 section.articles.politik .view-content, section.articles.bildung .view-content, section.articles.feuilleton .view-content,.view-aktuellste .view-content, .view-aehnliche-artikel .view-content {
    margin: 0 0 0 100px;
}


}


/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	.container { max-width: 100%; width: 100%; }
	.sidebar-container,
	.left-content { width: 100%; }
	.sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #eee; }
	.col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	#wrap { margin-top: 0; margin-bottom: 0; }
	#header-social { clear: both; position: inherit; top: auto; right: auto; margin-top: 20px; }
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidr { width: 480px; }
	.sidr.right { right: -480px; }
}

/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 360px) and (max-width: 640px) {
	.sidr, { width: 360px; }
	.sidr.right { right: -360px; }

body {
    background: #f9f9f9 url(../border-sm.png) repeat-x left top;
}
#block-block-1 ul li{
    display: inline;
    padding: 0 0.5em 0 0;
}
.responsive-menus.responsified{
background: transparent;
border-radius: 4px;
box-shadow: none;
height: 34px;
padding: 0 0 0 0;
margin: 0 0 0 -0.4em;
}

.responsive-menus.responsified span.toggler {
background: transparent;
display: block;
color: #999;
border-radius: 4px;
box-shadow: none;
font-size: 3.4em;
text-align: left;
cursor: pointer;
outline: none;
vertical-align: middle;
}
.responsive-menus.responsified span.toggler a{
}
#preface-block-wrap {
    background: transparent;

}

#preface-wrap .block {

    margin-bottom: 0px;

}
div.span_1_of_3.col.col-1.preface-block {
	width:100%;
	text-align:center;
	background: transparent;
margin: 0.2em 0 2.3em 0;
}
 .span_1_of_3.col.col-2 #block-text-resize-0 {

    margin: 0 -2em 0 0;
    background: transparent;
    padding: 0 0 0 0;
}
.span_1_of_3.col.col-2{
	width:56%;
	padding: 10px 10px;
    background: transparent;
	margin: -2.5em 0 0 -2em;
}

.span_1_of_3.col.col-2 #block-boxes-oeh-logo img {
    width: 46px;
    margin: 0.4em 0 0 0.5em;
    float: left;
}
div.span_1_of_3.col.col-3.preface-block{
	width:42%;
	padding: 10px 10px;
    background: transparent;
}

#block-search-form .content #search-block-form {
    float: right;
    margin: -3.6em 4% 0 0;
}

#search-form input#edit-keys, #block-search-form .form-item-search-block-form input {
    width: 180px;
}

#preface-wrap .span_1_of_3.col-3 {
    margin: -2em -2em 0 0;
}

div.span_1_of_3.col.col-3.preface-block ul li a img {
	width:20px;

}
#preface-block-wrap {

    background: trnsparent;
    margin: -10px 0 0 0;
    padding: 0 0 0 0;
    height: auto;
    border-bottom: none;

}


#block-block-1 .content, #block-block-2 .content {
    margin: 19px 0 0 0;
}



article .views-field-field-images img {
  width: 99%;
#  height: 160px;
  object-fit: cover;
}

#cc-new .imgnew {
width: 98%;
#height: 160px;
object-fit: cover;
float: none;
padding: 0 2em 2em 0;
margin: 0 0 2em 0;
}

#header, #header-wrap, #site-navigation-wrap, #main, #footer-block-wrap {
    margin: 0 0 0 0;
}
.front article.views-row.views-row-1 div.views-field.views-field-field-images.image a img, .page-taxonomy-term article.views-row.views-row-1 div.views-field.views-field-field-images.image a img, .page-taxonomy-term article.views-row.views-row-7 div.views-field.views-field-field-images.image a img {
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    border: 1px solid #a7a9ac;
	float:none;
}

section.articles.politik h2.section.title, .page-taxonomy-term-2 h1.page-title, .page-taxonomy-term-3 h1.page-title, .page-taxonomy-term-4 h1.page-title {
    border-top: 5px solid #8bb3c8;
    width: 100%;
}
.page-taxonomy-term-6 h1.page-title, .page-taxonomy-term-16 h1.page-title, .page-taxonomy-term-7 h1.page-title, section.articles.bildung h2.section.title {
    border-top: 5px solid #c890a6;
    width: 100%;
}
section.articles.feuilleton h2.section.title, .page-taxonomy-term-24 h1.page-title, .page-taxonomy-term-30 h1.page-title, .page-taxonomy-term-9 h1.page-title {
    border-top: 5px solid #90b68c;
    width: 100%;
}
section.articles.politik, section.articles.bildung, section.articles.feuilleton {
    padding: 0.5em 0 0 0;
    border-top: none;
}



#footer-block-wrap .span_1_of_3.col.col-1 {
    width: 100%;
    margin: 0 auto 0 -4%;
}

#block-block-3 ul li {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    min-width: 5em;
    padding-bottom: 1em;
    padding-right: 0.9em;
}

.page-taxonomy-term .politik .view-content, .view-aehnliche-artikel .views-field-name-1, section.articles.politik .view-content, section.articles.bildung .view-content, section.articles.feuilleton .view-content, .view-aktuellste .view-content {
    margin: 2.5em 0 2em 0;
    font-size: 0.75em;
}

.view-aktuellste h2 {
    margin: 0 0 2em 0;
}

div#block-views-articles-block-2 {
	display:none;
}
 
.front .view-aktuellste h2 a {
    border-top: 5px solid #000;
    width: 100%;
    color: #000;
    word-wrap: break-word;
    line-height: 1.2em;
    margin: 0 0 -0.5em 0;
}
.page-taxonomy-term-2 .view-content, .page-taxonomy-term-3 .view-content, .page-taxonomy-term-4 .view-content, .page-taxonomy-term-6 .view-content, .page-taxonomy-term-7 .view-content, .page-taxonomy-term-16 .view-content, .page-taxonomy-term-9 .view-content, .page-taxonomy-term-24 .view-content, .page-taxonomy-term-30 .view-content, .page-taxonomy-term .politik .view-content, section.articles.politik .view-content, section.articles.bildung .view-content, section.articles.feuilleton .view-content, .view-aktuellste .view-content, .view-aehnliche-artikel .view-content {
    margin: 2.5em 0 0 0;
}



section.articles.bildung h2.section.title, section.articles.feuilleton h2.section.title,
section.articles.politik h2.section.title  {
    margin: 1em 0 -1em 0;
}

h3.title, h3.title a, .views-field-title a {
    font-family: 'PT Serif', serif;
    color: #000;
    line-height: 1.3em; 
    font-size: 18px; 
}

.front div.field-content.article {
    line-height: 1.3em;
    font-size: 1.3em;
    margin: 0 0 1em 0;

}
.page-taxonomy div.field-content.article {
    line-height: 1.3em;
    margin: 0 0 1em 0;
	font-size: 1.1em;
}

.view-aktuellste div.views-row,
.view-aehnliche-artikel div.views-row {
    width: 100%;
    margin: 0 0 1.5em 0;
}

.view-aktuellste .views-field-title a,
.view-aehnliche-artikel .views-field-title a{
    line-height: 1.4em;
    font-size: 1.5em;
}

.view-aktuellste .details,
.view-aehnliche-artikel .details {
    bottom: -2em;
}

.view-aktuellste h2 a,
.view-aehnliche-artikel h2 a {
    width: 100%;
    color: #000;
    word-wrap: break-word;
    float: left;
    line-height: 1.2em;
    margin: 0em 0 0 0;
    font-weight: bold;
}

article div.details {
    color: #6d6e71;
    font-size: 0.85em;
}
div.region.region-content{
	display: flex;
	flex-flow: row wrap;
}

div#block-views-aktuellste-block{
	order:3;
}
div#block-views-aehnliche-artikel-block{
	order:2;

}
div#block-system-main{
	order:1;
}

.node-teaser img {
    border: 1px solid #CCCCCC;
    padding: 0;
    }
    
.page-node-261 div.content.blah,
.page-node-414 #block-system-main{
	width:80%;
}
}

/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 320px) and (max-width: 359px) {
	.sidr, { width: 320px; }
	.sidr.right { right: -320px; }
.page-node-261 div.content.blah,
.page-node-414 #block-system-main{
	width:60%;
}
body {
    background: #f9f9f9 url(../border-sm.png) repeat-x left top;
}
#block-block-2 ul{
	width: 100%;
}
#block-block-1 ul li{
    display: inline;
    padding: 0 0.3em 0 0;
}
.responsive-menus.responsified{
background: transparent;
border-radius: 4px;
box-shadow: none;
height: 34px;
padding: 0 0 0 0;
margin: 0 0 0 -0.4em;
}

.responsive-menus.responsified span.toggler {
background: transparent;
display: block;
color: #999;
border-radius: 4px;
box-shadow: none;
font-size: 3.4em;
text-align: left;
cursor: pointer;
outline: none;
vertical-align: middle;
}
.responsive-menus.responsified span.toggler a{
}
#preface-block-wrap {
    background: transparent;

}

#preface-wrap .block {

    margin-bottom: 0px;

}
div.span_1_of_3.col.col-1.preface-block {
width: 320px;
text-align: center;
background: transparent;
margin: 0.2em 6em 2.3em -6.2em;
}
 .span_1_of_3.col.col-2 #block-text-resize-0 {

    margin: 0 -2em 0 0;
    background: transparent;
    padding: 0 0 0 0;
}
.span_1_of_3.col.col-2{
	width:56%;
	padding: 10px 10px;
    background: transparent;
	margin: -2.5em 0 0 -2em;
}

.span_1_of_3.col.col-2 #block-boxes-oeh-logo img {
    width: 46px;
    margin: 0.4em 0 0 -1.2em;
    float: left;
}
div.span_1_of_3.col.col-3.preface-block{
	width:130px;
	padding: 10px 10px;
    background: transparent;
    margin: 0 -1.5em 0 0;
}

#block-search-form .content #search-block-form {
    float: right;
    margin: -3.6em 4% 0 0;
}


#search-form input#edit-keys, #block-search-form .form-item-search-block-form input {
    width: 160px;
}

#preface-wrap .span_1_of_3.col-3 {
    margin: -2em -3.6em 0 0;
}

div.span_1_of_3.col.col-3.preface-block ul li a img {
	width:20px;

}
#preface-block-wrap {

    background: transparent;
	margin: 0 auto 0 auto;
	padding:  0 auto 0 auto;
    height: auto;
    border-bottom: none;

}


#block-block-1 .content, #block-block-2 .content {
    margin: 10px 0 0 0;
}



article .views-field-field-images img {
  width: 99%;
#  height: 160px;
  object-fit: cover;
}
.node-teaser img {
    border: 1px solid #CCCCCC;
    padding: 0;
    }
#cc-new .imgnew{
width: 97%;
#height: 160px;
object-fit: cover;
float: none;
padding: 0 2em 2em 0;
margin: 0 0 2em 0;
}

#header, #header-wrap, #site-navigation-wrap, #main, #footer-block-wrap {
    margin: 0 2% 0 2%;
}
.front article.views-row.views-row-1 div.views-field.views-field-field-images.image a img, .page-taxonomy-term article.views-row.views-row-1 div.views-field.views-field-field-images.image a img, .page-taxonomy-term article.views-row.views-row-7 div.views-field.views-field-field-images.image a img {
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    border: 1px solid #a7a9ac;
	float:none;
}

section.articles.politik h2.section.title, .page-taxonomy-term-2 h1.page-title, .page-taxonomy-term-3 h1.page-title, .page-taxonomy-term-4 h1.page-title {
    border-top: 5px solid #8bb3c8;
    width: 100%;
}
.page-taxonomy-term-6 h1.page-title, .page-taxonomy-term-16 h1.page-title, .page-taxonomy-term-7 h1.page-title, section.articles.bildung h2.section.title {
    border-top: 5px solid #c890a6;
    width: 100%;
}
section.articles.feuilleton h2.section.title, .page-taxonomy-term-24 h1.page-title, .page-taxonomy-term-30 h1.page-title, .page-taxonomy-term-9 h1.page-title {
    border-top: 5px solid #90b68c;
    width: 100%;
}
section.articles.politik, section.articles.bildung, section.articles.feuilleton {
    padding: 0.5em 0 0 0;
    border-top: none;
}



#footer-block-wrap .span_1_of_3.col.col-1 {
    width: 100%;
    margin: 0 auto 0 -4%;
}

#block-block-3 ul li {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    min-width: 5em;
    padding-bottom: 1em;
    padding-right: 0.9em;
}

.page-taxonomy-term .politik .view-content, .view-aehnliche-artikel .views-field-name-1, section.articles.politik .view-content, section.articles.bildung .view-content, section.articles.feuilleton .view-content, .view-aktuellste .view-content {
    margin: 2.5em 0 2em 0;
    font-size: 0.75em;
}

.view-aktuellste h2 {
    margin: 0 0 2em 0;
}

div#block-views-articles-block-2 {
	display:none;
}
 
.front .view-aktuellste h2 a {
    border-top: 5px solid #000;
    width: 100%;
    color: #000;
    word-wrap: break-word;
    line-height: 1.2em;
    margin: 0 0 -0.5em 0;
}
.page-taxonomy-term-2 .view-content, .page-taxonomy-term-3 .view-content, .page-taxonomy-term-4 .view-content, .page-taxonomy-term-6 .view-content, .page-taxonomy-term-7 .view-content, .page-taxonomy-term-16 .view-content, .page-taxonomy-term-9 .view-content, .page-taxonomy-term-24 .view-content, .page-taxonomy-term-30 .view-content, .page-taxonomy-term .politik .view-content, section.articles.politik .view-content, section.articles.bildung .view-content, section.articles.feuilleton .view-content, .view-aktuellste .view-content, .view-aehnliche-artikel .view-content {
    margin: 2.5em 0 0 0;
}



section.articles.bildung h2.section.title, section.articles.feuilleton h2.section.title,
section.articles.politik h2.section.title  {
    margin: 1em 0 -1em 0;
}

h3.title, h3.title a, .views-field-title a {
    font-family: 'PT Serif', serif;
    color: #000;
    line-height: 1.3em; 
    font-size: 18px; 
}

.front div.field-content.article {
    line-height: 1.3em;
    font-size: 1.3em;
    margin: 0 0 1em 0;

}
.page-taxonomy div.field-content.article {
    line-height: 1.3em;
    margin: 0 0 1em 0;
	font-size: 1em;
}

.view-aktuellste div.views-row,
.view-aehnliche-artikel div.views-row {
    width: 100%;
    margin: 0 0 1.5em 0;
}

.view-aktuellste .views-field-title a,
.view-aehnliche-artikel .views-field-title a{
    line-height: 1.4em;
    font-size: 1.5em;
}

.view-aktuellste .details,
.view-aehnliche-artikel .details {
    bottom: -2em;
}

.view-aktuellste h2 a,
.view-aehnliche-artikel h2 a {
    width: 100%;
    color: #000;
    word-wrap: break-word;
    float: left;
    line-height: 1.2em;
    margin: 0em 0 0 0;
    font-weight: bold;
}

article div.details {
    color: #6d6e71;
    font-size: 0.85em;
}
div.region.region-content{
	display: flex;
	flex-flow: row wrap;
}

div#block-views-aktuellste-block{
	order:3;
}
div#block-views-aehnliche-artikel-block{
	order:2;

}
div#block-system-main{
	order:1;
}
}
/**
 * Print stylesheet for yourwebsite.com
* @version         1.0
* @lastmodified    15.02.2019
*/

@media print {
   body { 
	background: transparent; 
	color: #000; 
	-webkit-font-smoothing: antialiased; 
	font: 12px/1.2 'PT Sans', PT Serif, Helvetica Neue, Helvetica, Arial ;
	margin: 0 1em 0 1em;
}
#preface-block-wrap,
#site-navigation-wrap,
#block-search-form,
#footer-wrap,
#copyright-wrap{
	display:none;
}
#breadcrumbs{

}
#logo img {
    width:200px;
    margin: 0 2em 0 0;
    position:absolute;
    right: 2em;
}
#main,
#primary{
width: 100%;
margin: 0 2em 0 2em;
}

}