/*
   Theme Name: Observer Gesundheit
   Theme URI: https://observer-gesundheit.de
   Description: Template der Observer Gesundheit Webseite.
   Author: 3-mal-1 GmbH
   Author URI: https://3-mal-1.de
   Version: 1.2

   COLORS
   Observer Cyan: #147983
   Background Grey: #EBEDEC
   Footer Grey: #C5C7C6
   Footer Text Color: #6B6C6C
   @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,700,900);
   @import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
*/

/********************************/
/*          LOAD FONT           */
/********************************/

@font-face { font-family: 'lobster'; src: url('css/schriften/Lobster-Regular.ttf') format('truetype'); font-weight:normal; }

@font-face {
    font-family: 'myriad';
    src: url("css/schriften/MyriadPro-Semibold.otf") format("opentype");
    src: url('css/schriften/MyriadPro-Semibold.woff') format('woff'),
        url('css/schriften/MyriadPro-Semibold.ttf') format('truetype'),
        url('css/schriften/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'myriad';
    src: url("css/schriften/MyriadPro-Light.otf") format("opentype");
    src: url('css/schriften/MyriadPro-Light.eot');
    src: url('css/schriften/MyriadPro-Light.woff') format('woff'),
        url('css/schriften/MyriadPro-Light.ttf') format('truetype'),
        url('css/schriften/MyriadPro-Light.svg#MyriadPro-Light') format('svg'),
        url('css/schriften/MyriadPro-Light.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadBold';
    src: url('css/schriften/MyriadPro-It.eot');
    src: url('css/schriften/MyriadPro-It.woff2') format('woff2'),
        url('css/schriften/MyriadPro-It.woff') format('woff'),
        url('css/schriften/MyriadPro-It.ttf') format('truetype'),
        url('css/schriften/MyriadPro-It.svg#MyriadPro-It') format('svg'),
        url('css/schriften/MyriadPro-It.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/glyphicons-halflings-regular.woff2') format('woff2'),
    url('fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/********************************/
/*            VARS              */
/********************************/
:root {
    --textColor: #333;
    --textColorLight: #fff;
    --brandColor1: #147983;
    --brandColor2: #147983;
}

/********************************/
/*         ALLGEMEINES          */
/********************************/

* { position: relative; margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; height: auto; }
html, body { height: 100%; font-size: 16px; font-family: myriad; }
body { background-color: #EBEDEC; line-height: 1.42857143; }
.container { width: 100%; height: 100%; margin: 0; padding: 0; } 
.row { width: 100%; height: 100%; margin: 0; padding: 0; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */} 
.row p { cursor: default; }
#wpgmza_map { float: none !important; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
h4 { color: #147983; font-weight: bold; font-style: italic; font-size:22px;}
.fLeft { float: left; }
.fRight { float: right; }
#backTop { display: none; position: fixed; bottom: -0.1em; left: 75%; text-align: center; color: #147983; cursor: pointer; z-index: 1; border-radius: 4px; background-color: white; padding: 0.5em; transform: translateX(-50%); }
.space_bottom { margin-bottom: 25px; }
a { 
    transition: 0.25s ease all; 
    color: var(--textColor); 
    cursor:pointer; 
    text-decoration: none; 
}

a:not(.logo) {
	display: inline-block; 
}

a:hover { 
    color: var(--brandColor1); 
}
a:not(.logo):after  {
    display:block;
    content: '';
    border-bottom: solid 1px var(--brandColor1);  
    transform: scaleX(0);  
    transition: transform 250ms ease-in-out;
}

a:not(.logo):hover:after {
    transform: scaleX(1);
}



/*** DISABLE CLICKABLE/DRAGGABLE IMAGES ***/
img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none; vertical-align: middle; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

p {
    margin: 0 0 10px;
}

/* Preview Text Fadeout */
.overflow_bottom { background-image: url('resources/overflow_bottom.png'); position: absolute; bottom: 0; height: 15px; width: 100%; }
.pdfButton {
    color: white;
    background-color: #147983;
    border: none;
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin: 1em;
}
.search-highlight { background-color:#FF0; font-weight:bold; }
.fontStyle1 { font-weight: bold; font-size: 3.5em; font-variant: small-caps; color: #fff; margin: 0; line-height: 1em; white-space: nowrap; }
.fontStyle2 { font-weight: normal; font-size: 1.229em; font-variant: small-caps; color: #fff; position: absolute; bottom: 0em; }
.fontStyle3 { font-weight: normal; font-size: 2.5em; text-transform: uppercase; color: #fff; margin: 0.1em 0; line-height: 1.2em; text-align: left; }
.fontStyle4{ font-weight: normal; font-size: 0.968em; margin: 0; color: #fff; line-height: 1.4em;text-align: left; white-space: nowrap; }
.fontStyle5>a{font-weight: normal; font-size: 1.5em; margin: 0; color: #fff; line-height: 1.4em;text-align: center;font-weight:bold;border-left:3px solid #fff;padding-left: 0.3em;}
.fontStyle5>a:first-child{border-left:none; padding-left: 0em;padding-right:0.3em; }
.underlineBorder{border-bottom:1px solid white;}
.obdb_zugang{box-sizing: border-box; text-align: center; font-size: 0.9em; font-weight: bold; margin-top: 4em; padding: 0 1em; display: inline-block; margin-left: 1em;    width: 34% !IMPORTANT;}
.obdb_zugang:before{ content: ">"; font-size: 2em; color: #fff; position: absolute; right:100%; top: -0.3em; }
.obdb_zugang:after{ content: "<"; font-size: 2em; color: #fff; position: absolute; left:100%; top: -0.3em; }
.flex{display:flex;flex-flow:wrap row;justify-content:space-between;}
.flex>*{}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-cog:before {
    content: "\e019";
}
.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-arrow-up:before {
    content: "\e093";
}
.glyphicon-menu-hamburger:before {
    content: "\e236";
}
.glyphicon-triangle-bottom:before {
    content: "\e252";
}
.glyphicon-triangle-top:before {
    content: "\e253";
}

.grid { display: grid; justify-content: space-between; grid-template-columns: 1fr 1fr; }
.grid>* { }
.grid-gap-10 { grid-gap: 10px; }
.grid-gap-20 { grid-gap: 20px; }

.grid-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1.5rem; margin: 1.5rem auto; }
.grid-4>* { min-height: 0; min-width: 0; }

/********************************/
/*          UTILITIES           */
/********************************/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex-ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.innerContent-wrapper {
    margin: 0 auto;
    width: 95%;
    max-width: 1170px;
}

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active {
    transform: translateY(0);
    opacity: 1;
}

.transDelay-1 {
    transition-delay: 0.1s; 
}
.transDelay-2 {
    transition-delay: 0.2s; 
}
.transDelay-3 {
    transition-delay: 0.3s; 
}

/********************************/
/*      E-MAIL ANIMATION        */
/********************************/
.meldung { position: absolute; z-index: 1000; left: 2em; top: -13em; }
.meldung>a>img { width: 280px; height: auto; }
/*
.meldungen { display: block; top: 9em; }
.meldungen>.meldung { z-index: 1; max-width: 340px !important; min-height: 270px !important;  position: absolute; top: -30em; left: 5em; display: none; }
.meldungen>.meldung>.blase { top: 17em; }
.meldungen>.meldung>.blase>img { width: 540px !important; height: 470px !important; }
.meldungen>.meldung>.text { display: none; left: 5.5em; bottom: 1em; margin-top: 1em; width: 16em; font-size: 15px; color: white; cursor: pointer; }
.meldungen>.meldung>.text>a { color: white; text-decoration: none; }
.meldungen>.meldung>.text>a:hover { text-decoration: none;  }
*/

/********************************/
/*           HEADER             */
/********************************/
.header { height: 6em; width: 100%; }
.page .header { height: auto; width: 100%; }
.header>.firstContainer { height: 3em; width: inherit; width: 430px; left: 78.5%; transform: translateX(-50%); }
.header>.firstContainer>.socialMedia { float: left; top: 50%; transform: translateY(-50%); }
.header>.firstContainer>.socialMedia>a { float: left; }
.header>.firstContainer>.socialMedia>a>img { width: auto; height: 1.3em; margin-right: 0.5em; cursor: pointer; }
.header>.firstContainer>.socialMedia>a:last-child>img { margin-right: 1.5em; }
.header>.firstContainer>.search { height: inherit; float: left; width: 330px; }
.header>.firstContainer>.search>p { float: left; top: 50%; transform: translateY(-50%); margin-right: 0.5em; }
.header>.firstContainer>.search>.normalSearch { top: 50%; transform: translateY(-50%); }
.header>.firstContainer>.search>.normalSearch>input[type=text] { height: 32px; padding: 2px 2px 2px 5px; margin-bottom: 3px; width: 210px; }
.header>.firstContainer>.search>.normalSearch>input[type=submit] { display: none; background-color: #147983; border: 1px solid #A9A9A9;  padding: 0em; cursor: pointer; color: white; height: 31px; width: 60px; }
.header>.naviContainer { height: 4em; width: inherit; background-color: #147983; z-index: 100; }
.header>.naviContainer>.logoContainer { float: left; height: inherit; /*left: 12.5em;*/ }
.home .header>.naviContainer>.logoContainer { left: 7.9em; }
.header>.naviContainer>.logoContainer>a { height: inherit; }
.header>.naviContainer>.logoContainer>a>img.logo { width: auto; height: 80%; top: 50%; transform: translateY(-50%); }
.header>.naviContainer>.logoContainer>a:first-child>img.logo { margin-left: 0.5em; }
.header>.naviContainer>.logoContainer>a:last-child>img.logo { left: 4.2em; }
/*.header>.naviContainer>.navigation.main { height: 30px; top: 50%; left: 50.3%; transform: translate(-50%, -50%); float: left; }*/
.header>.naviContainer>.navigation.main {height: 30px; top: 50%; right: 10.5%; transform: translate(0%, -50%); float: right;}
.header .menu-main_menu-container .current-menu-ancestor>a,.menu-main_menu-container .current-menu-item>a { text-decoration: underline !important; }
.header .menu-main_menu-container{ font-size:0.8em; height: inherit; float: left; }
.header .menu-main_menu-container ul,
.header .menu-main_menu-container li{list-style:none; cursor: pointer; }
.header .menu-main_menu-container li:hover>ul{display:table-cell; left: -1em;}
.header .menu-main_menu-container a {color: inherit; text-decoration: none; display: table-cell; white-space: nowrap; }
.header .menu-main_menu-container a:after { border-bottom: solid 1px #fff; }
.header .menu-main_menu-container>ul{ }
.header .menu-main_menu-container>ul>li{display:table-cell;  }
.header .menu-main_menu-container>ul>li>a{color: white; font-size: 1.7em; text-decoration: none; padding: 0 1.2em 0 0em; margin: 1em 0; text-transform: uppercase; font-weight: bold; }
.header .menu-main_menu-container>ul>li:last-child>a { padding: 0; }
.header .menu-main_menu-container>ul ul{ position: absolute; z-index: 100; background-color: #147983; display: none; box-shadow: 4px 4px 4px rgba(0,0,0,0.13);}
.header .menu-main_menu-container>ul ul li {color: white; padding: 0.1em 0.5em; }
.header .menu-main_menu-container>ul ul li:hover { margin-bottom: -2px; }
.header .menu-main_menu-container>ul ul li a { font-size: 1.65em; padding: 0.1em 0.5em; width: 60%; font-weight: bold; }
.header .menu-main_menu-container>ul ul li:hover>a { /* border-bottom: 1px solid white; */ }
.header .menu-main_menu-container>ul ul ul{ left: 100%; top: 0; }

/* ADMIN MENU */
.header .menu-admin_menu-container .current-menu-ancestor>a,.menu-main_menu-container .current-menu-item>a { text-decoration: underline !important; }
.header .menu-admin_menu-container{ font-size:0.8em; height: inherit; float: left; }
.header .menu-admin_menu-container ul,
.header .menu-admin_menu-container li{list-style:none; cursor: pointer; }
.header .menu-admin_menu-container li:hover>ul{display:table-cell; left: -1em;}
.header .menu-admin_menu-container a{color: inherit; text-decoration: none; display: table-cell; white-space: nowrap; }
.header .menu-admin_menu-container>ul{ }
.header .menu-admin_menu-container>ul>li{display:table-cell;  }
.header .menu-admin_menu-container>ul>li>a{color: white; font-size: 1.7em; text-decoration: none; padding: 0 1.2em 0 0em; margin: 1em 0; text-transform: uppercase; font-weight: bold; }
.header .menu-admin_menu-container>ul>li:last-child>a { padding: 0; }
.header .menu-admin_menu-container>ul ul{ position: absolute; z-index: 100; background-color: #147983; display: none; box-shadow: 4px 4px 4px rgba(0,0,0,0.13);}
.header .menu-admin_menu-container>ul ul li {color: white; padding: 0.1em 0.5em; }
.header .menu-admin_menu-container>ul ul li:hover { /*margin-bottom: -2px;*/ }
.header .menu-admin_menu-container>ul ul li a { font-size: 1.65em; padding: 0.1em 0.5em; width: 60%; font-weight: bold; }
.header .menu-admin_menu-container>ul ul li:hover>a { /* border-bottom: 2px solid white; */ }
.header .menu-admin_menu-container>ul ul ul{ left: 100%; top: 0; }

.header .navigation.main>a>img { height: 1.5em; margin: 0 0 0 0.5em; }
.header .navigation.main>span.openCustomSubmenu { color: white; font-size: 1.3em; top: 0.3em; cursor: pointer; left: 1em; }
.header .navigation.main>div.customSubmenu { display: none; background-color: #147983; padding: 1em; width: 620px; font-size: 1.1em; position: absolute; right: 0%; top: 2em; } /* Float:left Hotfix! */
.header .navigation.main>div.customSubmenu>div { clear: both; }
.header .navigation.main>div.customSubmenu>div>div.leftside { float: left; }
.header .navigation.main>div.customSubmenu>div>div.rightside { float: right; }
.header .navigation.main>div.customSubmenu>div>div>ul { list-style: none; }
.header .navigation.main>div.customSubmenu>div>div>ul>li {}
.header .navigation.main>div.customSubmenu>div>div>ul>li>a { color: white; text-decoration: none; }
.header .navigation.main>div.customSubmenu>div>div>ul>li>a:after { border-bottom: solid 1px #fff; }
.header .navigation.main>div.customSubmenu>div>div>ul>li>a:hover { color: white; /* text-decoration: underline; */ }

/***** MOBILE NAVIGATION *****/
.header .mobileNavigation { position: absolute; right: 3em; top: 1em; }
.header .mobileNavigation>div>div.navi_button { color: white; font-size: 24px; cursor: pointer; }
.header .mobileNavigation>.mobileNaviContent { display: none; }

.slider_menu { position: fixed; height: 100%; top: 0; right: 0em;  z-index: 1000; background: #5e5e5e; background-color: rgba(0, 0, 0, 0.8); }
.slider_menu>.wrapper { position: inherit; width: 19em !important; height: 100%; margin: 0 !important; overflow-y: auto; background: #147983; } 
.slider_menu>.wrapper>.menu-main_menu-container { }
.slider_menu>.wrapper>.menu-main_menu-container a { display: block; padding: 0.5em; } 
.slider_menu>.wrapper>.menu-main_menu-container>ul { margin: 0; } 
.slider_menu>.wrapper>.menu-main_menu-container>ul>li { }
.slider_menu>.wrapper>.menu-main_menu-container>ul.menu>li>a { font-weight: bold; font-size: 1em; text-transform: uppercase; color: #eee; border-bottom: 1px solid #C5C5C5;} 
/* Navigation Button */
.slider_menu>.wrapper>.sm_button { position: absolute; right: 0em; width: 4em;height:4em !important; top: 0em; background-size: 6em 6em;}
.slider_menu>.wrapper>.sm_button span { padding: 16px; font-size: 23px; } 
/* SubMenu */
ul.sub-menu { display: none; }
ul.sub-menu { margin-left: 0.5em; list-style: none; } 
.slider_menu>.wrapper>.menu-main_menu-container>ul>li>.sub-menu { display: none; }
.slider_menu>.wrapper>.menu-main_menu-container>ul>li>.sub-menu>li { } 
.slider_menu>.wrapper>.menu-main_menu-container>ul>li>.sub-menu>li a { font-size: 1em; color: white; }
/* FOOTER MENU */
.slider_menu>.wrapper>.menu-mobile_footer-container { }
.slider_menu>.wrapper>.menu-mobile_footer-container a { display: block; padding: 0.5em; } 
.slider_menu>.wrapper>.menu-mobile_footer-container>ul { } 
.slider_menu>.wrapper>.menu-mobile_footer-container>ul>li { }
.slider_menu>.wrapper>.menu-mobile_footer-container>ul.menu>li>a { font-weight: bold; font-size: 1em; text-transform: uppercase; color: #eee; border-bottom: 1px solid #C5C5C5;} 
.slider_menu>.wrapper>.menu-mobile_footer-container>ul>li>.sub-menu { display: none; }
.slider_menu>.wrapper>.menu-mobile_footer-container>ul>li>.sub-menu>li { } 
.slider_menu>.wrapper>.menu-mobile_footer-container>ul>li>.sub-menu>li a { font-size: 1em; color: #C5C5C5; }
.slider_menu>.wrapper .menu-footer_menu-container ul.menu>li:first-child { display: none; }
.slider_menu>.wrapper>.menu-footer_menu-container a { display: block; padding: 0.5em; }
.slider_menu>.wrapper>.menu-footer_menu-container>ul.menu>li>a { font-weight: bold; font-size: 1em; text-transform: uppercase; color: #eee; border-bottom: 1px solid #C5C5C5; } 
/* SubMenu Navigation */
.submenubtn { position: absolute; background-color: #C5C5C5; left: 14em; top: 0.25em; padding: 0.5em; }

/********************************/
/*          ADDON-Szene         */
/********************************/

#ADDON-Szene {
	background-color:#147983;
	padding:0.5em;
	color:#fff;
    margin-bottom:0.5em;
}

#ADDON-Szene+.boulevard-slick .slick-slide {
    height: 15em !important;
}
#ADDON-Szene+.boulevard-slick+*+.content {
    height: 8.5em !important;
    overflow: hidden;
}

/********************************/
/*          HOMEPAGE            */
/********************************/
.homeContent { width: 79%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; margin: 1.5rem auto; }
.homeContent#first { margin: 2.5rem auto 1.5rem; }
.homeContent.fullWidth { width: 100%; }
.homeContent.politics { grid-template-columns: 1fr 2.1fr; }
.homeContent>* { height: 600px; color: var(--textColor); background: white; padding: 10px 15px; min-width: 0; min-height: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.homeContent>*>h3 { font-family: myriadBold; font-size: 30px; color: #2d333a; }
.homeContent>*>div>h2 { color: var(--brandColor1); font-weight: bold; font-style: italic; font-size: 22px; min-height: 48px; }
.homeContent>*>div>h2>a { display: inline-block; color: var(--brandColor1); font-weight: bold; font-style: italic; }
.homeContent>*>div>.content>.postImgSlick { height: 100%; }
.homeContent>*>div>.content>.postImgSlick>div { height: inherit; }
.homeContent>*>div>.content>.postImgSlick>div>div { height: inherit; }
.homeContent>*>div>.content>.postImgSlick img { width: 100%; height: 100%; object-fit: cover; }
.homeContent>*>div>.content>.postImgSlick p.caption { position: absolute; left: 0; bottom: 0; width: 100%; background-color: var(--brandColor1); color: #fff; font-size: 15px; padding-left: 5px;padding-right: 5px;  margin: 0; }
.homeContent>.brandContent { height: 350px; grid-column: 1/ 2 span; display: grid; grid-template-columns: 1fr 1.3fr; }
.homeContent>.brandContent>* { min-height: 0; }
.homeContent>.brandContent>img { width: 75%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.homeContent>.brandContent>.brandDB img { height: auto; width: 37%; position: absolute; right: 0em; top: 50%; transform: translateY(-50%); max-height: 90%; image-rendering: -webkit-optimize-contrast; }
.homeContent>.brandContent>.brandDB .verlauf1>.fontStyle1:nth-of-type(2) {  margin-bottom: 20px; }
.homeContent>.brandContent>.brandDB .fontStyle4 { font-size: 1.2em; }
.homeContent>.brandContent>.brandDB .observerdbStreifen { height: auto; width: 40%; position: absolute; right: 0em; top: 50%; transform: translateY(-50%); max-height: 90%; image-rendering: -webkit-optimize-contrast; }
.homeContent>.brandContent>.brandDB .obdb_zugang { display: flex; justify-content: center; }
.homeContent>.brandContent>.brandDB a:after { border-bottom: solid 1px #fff; }
.homeContent>.commentContent>.comment { height: 88%; }
.homeContent>.commentContent>.comment>.content { height: 75%; text-align: justify; overflow: hidden; column-count: 2; column-gap: 2em; column-width: 10px; column-rule-style: dotted; column-rule-width: 1px; column-rule-color: silver; }
.homeContent>.szeneContent {}
.homeContent>.szeneContent .boulevard-slick div.boulevard { height: 350px; }
.homeContent>.szeneContent .boulevard-slick div.boulevard>img { width: 100%; height: auto; }
.homeContent>.szeneContent .slick-options { bottom: 2em; }
.homeContent>.szeneContent .slick-options>img { width: 50px; height: 50px; cursor: pointer; }
.homeContent>.szeneContent .slick-options>img.slick-prev { left: 1%; }
.homeContent>.szeneContent .slick-options>img.slick-next { left: 70px; }
.homeContent>.szeneContent .content { height: 7em; overflow: hidden; }
.homeContent>.szeneContent .content>h4>a { color: var(--brandColor1); font-weight: bold; }
.homeContent>.szeneContent .content>p { height: 4.8em; text-align: justify; overflow: hidden; }
.homeContent>.politicsContent>div { height: 89%; }
.homeContent>.politicsContent>div>div.content { height: 75%; text-align: justify; overflow: hidden; column-count: 3; column-gap: 2em; column-width: 10px; column-rule-style: dotted; column-rule-width: 1px; column-rule-color: silver;  }
.homeContent>.politicsContent>div>div.content>ul { margin-left: 20px; }

.homeContent>.iesContent>div { height: 88%; }
.homeContent>.iesContent>div>div.content { height: 75%; overflow: hidden; }

.homeContent>.managementContent>h3>span { color: var(--brandColor1); font-size: 20px; font-weight: bold; }
.homeContent>.managementContent>div { height: 88%; }
.homeContent>.managementContent>div>.content { height: 75%; text-align: justify; overflow: hidden; column-count: 2; column-gap: 2em; column-width: 10px; column-rule-style: dotted; column-rule-width: 1px; column-rule-color: silver; }

.homeContent>.authorConzeptContent { height: auto; grid-column: 1/ 2 span; background: linear-gradient(180deg, rgba(20,121,131,0.2) 75%, rgba(255,255,255,1) 100%); transition: all 0.5s ease; transition: all 0.5s ease; display: grid; grid-template-columns: 1fr 1fr; padding: 0 14rem; margin-top: 2rem; }
.homeContent>.authorConzeptContent>* { padding: 1em; }
.homeContent>.authorConzeptContent>div>div>div { background: #fff; padding: 1em; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.homeContent>.authorConzeptContent>.authorContent { height: 100%; padding: 1em;  display: block; }
.homeContent>.authorConzeptContent>.authorContent>div { display: block; left: initial; float: none; transform: initial; padding-top: 53%; }
.homeContent>.authorConzeptContent>.authorContent>div>div>a>img { position: absolute; left: -6%;; top: 0.5em; z-index: 10; width: 46%; }
.homeContent>.authorConzeptContent>.conzeptContent { height: 100%; padding: 1em;  display: block; }
.homeContent>.authorConzeptContent>.conzeptContent>div { display: block; left: initial; float: none; transform: initial; padding-top: 53%; }
.homeContent>.authorConzeptContent>.conzeptContent>div>div>img.videobanner { position: absolute; right: -6.1%; top: 0.5em; z-index: 10; width: 46%; }
.homeContent>.authorConzeptContent>.conzeptContent>div>div>img.videoplay { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 20; height: 26%; cursor: pointer; }
.homeContent>.authorConzeptContent>.conzeptContent>div>div>img.videoteaser { width: 100%; height: 100%; object-fit: cover; }

/********************************/
/*         CATEGORIES           */
/********************************/
.catContent { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.catContent>.headline { display: grid; grid-template-columns: 1fr 1fr; }
.catContent>.headline>* { }
.catContent>.headline>.catTitle { font-family: lobster; font-size: 30px; color: var(--brandColor1); margin-bottom: 1em; font-style: italic; }
.catContent>.headline .subscribe_btn { font-size: 16px; font-family: myriad; line-height: 1.42857143; cursor: pointer; }
.catContent>div>.catBox:nth-child(4n+1) { transition-delay: 0.1s; }
.catContent>div>.catBox:nth-child(4n+2) { transition-delay: 0.2s; }
.catContent>div>.catBox:nth-child(4n+3) { transition-delay: 0.3s; }
.catContent>div>.catBox:nth-child(4n+4) { transition-delay: 0.4s; }

.catContent>div>.catBox>.suggestion { min-height: 390px; height: 31em; overflow: hidden; color: black; background: white; padding-left: 10px; padding-right: 10px; }
.catContent>div>.catBox>.suggestion>.header { color: var(--brandColor1); height: 29%; overflow: hidden; }
.catContent>div>.catBox>.suggestion>.header>p { padding: 20px 27px 0 22px; color: black; }
.catContent>div>.catBox>.suggestion>.header>h3 { font-weight: bold; padding: 0 0.8em 0.2em 0.8em; min-height: 3em; font-size: 21px; overflow: hidden; margin-top: 0; }
.catContent>div>.catBox>.suggestion>.header>h3>a { color: var(--brandColor1); }
.catContent>div>.catBox>.suggestion>.header>.managementSubLabel { position: absolute; color: #fff; background-color: var(--brandColor1); padding: 0.3em; right: 0; top: 0; font-size: 13px; }
.catContent>div>.catBox>.suggestion>.content { padding: 0 1.6em 4em 1.6em; word-break: break-word; height: 58%; overflow: hidden; }
.catContent>div>.catBox>.suggestion>.content>hr.author { border-color: var(--brandColor1); margin-top: 10px; margin-bottom: 10px; border: 0;  border-top: 1px solid var(--brandColor1); }
.catContent>div>.catBox>.suggestion>.content>p.author { font-weight: bold; color: var(--brandColor1); }
.catContent>div>.catBox>.suggestion>.content>p { text-align: justify; }
.catContent>div>.catBox>.suggestion>a { background-color: var(--brandColor1); color: white; padding: 0.4em; position: absolute; bottom: 0; right: 0; display: block; margin: 1em; height: 7%; }

/********************************/
/*            POSTS             */
/********************************/
.singleContent { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.singleContent>.catTitle { font-family: lobster; font-size: 30px; color: var(--brandColor1); margin-bottom: 1em; font-style: italic; }
.singleContent>div { display: grid; grid-template-columns: 3fr 1fr; } 
.singleContent>div.row>div.clearfix, .singleContent>div.row>div.sideContent { padding: 0; }
.singleContent>div.row>div.clearfix>.postRow, .singleContent>div.row>div.sideContent>.row { padding-left: 10px; padding-right: 10px; }
.singleContent>div.row>div.clearfix>.postRow>.postContent a { font-weight: normal; }
.singleContent>div.row>div.clearfix>.postRow>.postContent a:not(.singleContent>div.row>div.clearfix>.postRow>.postContent>.content>a):hover { font-weight: normal !important; letter-spacing: unset !important; /* text-decoration: underline !important; */ }
.singleContent>div.row>div.clearfix>.postRow>.postContent a:after { /* display: initial; */ }
.singleContent>div.row>div.clearfix>.postRow>.postContent a:hover:after { /* transform: scale(0); display: initial; */ }
.singleContent>div>.sideContent {}

.blurFilter { position: absolute; width: 100%; height: 100%; backdrop-filter: blur(3px); z-index: 2; }

/********************************/
/*           SEARCH             */
/********************************/
.searchContent .normalSearch { width: 50%; }
.searchContent .normalSearch>input[type="text"] { padding: 0.3em 0.5em 0.3em 0.5em; border: none; }
.searchContent .normalSearch>input[type="submit"] { color: #fff; background-color: var(--brandColor1); border: none; padding: 0.3em 0.5em 0.3em 0.5em; margin-top: 1em; cursor: pointer; }
.searchContent .normalSearch select { min-height: initial; padding: 0.3em 4em 0.3em 0.5em; border: none; height: initial; }
.searchContent .normalSearch button, .searchContent .normalSearch input, .searchContent .normalSearch select, .searchContent .normalSearch textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
.searchContent>.headline { display: block; }

/********************************/
/*           AUTHORS            */
/********************************/
.authorContent>div>.catBox:nth-child(8n+1) { transition-delay: 0.1s; }
.authorContent>div>.catBox:nth-child(8n+2) { transition-delay: 0.2s; }
.authorContent>div>.catBox:nth-child(8n+3) { transition-delay: 0.3s; }
.authorContent>div>.catBox:nth-child(8n+4) { transition-delay: 0.4s; }
.authorContent>div>.catBox:nth-child(8n+5) { transition-delay: 0.4s; }
.authorContent>div>.catBox:nth-child(8n+6) { transition-delay: 0.3s; }
.authorContent>div>.catBox:nth-child(8n+7) { transition-delay: 0.2s; }
.authorContent>div>.catBox:nth-child(8n+8) { transition-delay: 0.1s; }
.authorContent>div>.catBox.autoren { height: 25.2em; }
.authorContent>div>.catBox.autoren>.suggestion { height: 100%; padding: 0; }
.authorContent>div>.catBox.autoren>.suggestion>.header { height: 69%; }
.authorContent>div>.catBox.autoren>.suggestion>.header>div { height: 100%; background-color: var(--brandColor1); }
.authorContent>div>.catBox.autoren>.suggestion>.header>div>img { width: 100%; height: 100%; object-fit: contain; }
.authorContent>div>.catBox.autoren>.suggestion>.content { height: 31%; padding: 0 1em 4em 1em; }
.authorContent>div>.catBox.autoren>.suggestion>a { height: initial; font-size: 1.2em; padding: 0.1em 0.6em; margin: 1em; }

/********************************/
/*            PAGES             */
/********************************/
.w60vw { width: 59.5vw; }
.pageContent>div.row { display: grid; grid-template-columns: 1fr 1fr; }
.pageContent>div.row>div { padding: 0 !important; }
.pageContent>div.row>div>.postRow { padding: 0 10px; }
.pageContent>div>div.row>div { padding-left: 10px; padding-right: 10px; }
.pageContent a { text-decoration: none !important;  }
.pageContent a:hover { font-weight: normal !important; letter-spacing: unset !important; text-decoration: underline !important; }
.pageContent a:hover:after { transform: scale(0); }

/********************************/
/*            LOGIN             */
/********************************/
.loginContent { width: 33.33333333%; }

/********************************/
/*          STATISTIC           */
/********************************/
.statContent {}
.statContent button, .statContent input, .statContent select, .statContent textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
.statContent button { cursor: pointer; }

/********************************/
/*            WPCF7             */
/********************************/
.wpcf7 label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
.wpcf7 button, .wpcf7 input, .wpcf7 select, .wpcf7 textarea { font-family: inherit; font-size: inherit; line-height: inherit; padding-left: 5px; }
.wpcf7 input[type="submit"] { padding: 5px 10px; }
.wpcf7 input[type="submit"]:not(:disabled) { cursor: pointer; }

/********************************/
/*         PAGINATION           */
/********************************/
.pagination { }
.pagination>.nav-links>* { display: inline-flex; padding: 0.3rem 0.6rem; background-color: #fff; text-decoration: none; transition: 0.5s ease all; }
.pagination>.nav-links>*:not(.current):not(.dots):hover { background-color: var(--brandColor1); color: white; }
.pagination>.nav-links>.current { cursor: not-allowed; border-bottom: 1px solid var(--brandColor1); }

/********************************/
/*           CONTENT            */
/********************************/
.content>.wrapper.fullWidth{ width: 100%; padding: 1em 10% 0 10%; background-color: red; background-color: rgba(20, 121, 131, 0.2) !important; background: linear-gradient(180deg, rgba(20,121,131,0.2) 75%, rgba(255,255,255,1) 100%) !important;}
.content>.wrapper { width: 80%; margin: 2em auto; }
.content>.wrapper>.row>div { padding: 0 10px 0 10px; margin-bottom: 1.3em; }
.content>.wrapper>.row>div.catBox { height: 500px; margin-bottom: 3em; }
.content>.wrapper>.row>div.catBox.autoren { height: 430px !important; } 
.content>.wrapper>.row>div>* { height: 600px; color: black; background: white; padding-left: 15px; padding-right: 15px;  }
.content>.wrapper>.row>div h2.title { color: #147983; font-weight: bold; font-style: italic; font-size: 22px; min-height: 48px; }
.content>.wrapper>.row>div h2.title>a { color: #147983; font-weight: bold; font-style: italic; }
.content>.wrapper>.row>div h2.title>a:visited { color: #147983; font-weight: bold; font-style: italic; }
.content>.wrapper>.row>div>*>h3 { font-family: myriadBold; font-size: 30px; color: #2d333a; }
.content>.wrapper>.row>h3 { color: #147983; font-size: 42px; font-family: lobster; }
.content>.wrapper>.row h3 { color: #147983; font-size: 42px; }
.content>.wrapper>.row>h2.catTitle { font-family: lobster; color: #147983; margin-bottom: 1em; }
.content table ul { margin-left: 1rem; }
.abstand { ppadding-top: inherit !important; padding-right: 1.6em !important; padding-bottom: 1.6em !important; padding-left: 1.6em !important; }

/***** BUTTONS *****/
.observer_btn { text-decoration: none; background: #147983; color: white; font-size: 17px; /*font-size: 18px;*/ padding: 0.5em 1.5em; cursor: pointer; position: absolute; bottom: 0; left: 0; /*margin: 1em 0 1em 0; */font-style: italic; z-index: 2; margin-left: 15px; }
.observer_btn:hover { color: white; text-decoration: none; }
.observer_btn:visited { color: white; }
.observer_btn:focus { color: white; }
/*** Mehr Lesen ***/
a.mehrLesen:before { content: "\2192"; padding-right: 0.8em; }
/*a.mehrLesen { position: absolute; right: 0; bottom: 0; margin: 0.5em; color: #147983; cursor: pointer; font-style: italic; font-weight: bold; }*/
a.mehrLesen { position: absolute; right: 0; bottom: 0.5em; margin: 0.2em 0.5em; color: #147983; cursor: pointer; font-style: italic; font-weight: bold; background-color: white; z-index: 1; padding: 0 1em; }
a.mehrLesen:hover { /*text-decoration: underline;*/ }
a.mehrLesen:visited {}
a.mehrLesen:focus {}
/*** Subscribe Btn ***/
.subscribe_btn { position: absolute; right: 1em; top: 0.5em; background: #147983; color: white; border-radius: 4px; padding: 0.5em 1.5em; border: none; margin-left: 0.5em; }

.wrapper>.row>h3.title { font-family: lobster; color: #147983; float: left; margin-top: 0; font-style: normal; }

/***** 404 - Not Found *****/
.content>.wrapper.inPost>.notfound { margin: 1em; }
.content>.wrapper.inPost>.notfound>h2 { font-family: lobster; color: #147983; }
.content>.wrapper.inPost>.notfound>h3 { margin-bottom: 1em; }
.content>.wrapper.inPost>.notfound>a { padding: 0.5em 1em; background-color: #147983; color: white; }
.content>.wrapper.inPost>.notfound>div { margin-top: 2em; }
.content>.wrapper.inPost>.notfound>div>p { font-weight: bold; }
.content>.wrapper.inPost>.notfound>div>form {}
.content>.wrapper.inPost>.notfound>div>form>input[type="text"] { height: 32px; padding: 2px 2px 2px 5px; margin-bottom: 3px; width: 210px; }
.content>.wrapper.inPost>.notfound>div>form>input[type="submit"] { background-color: #147983; border: 1px solid #A9A9A9; padding: 0.2em; cursor: pointer; color: white; height: 31px; }

/********************/
/*      SINGLE      */
/********************/
.content>.wrapper>.row>div>div.row.postRow { background-color: transparent; }
.content>.wrapper>.row>div>div.row.postRow>.postContent { background-color: white; }
.content>.wrapper>.row>div>div.row.postRow>.postContent h3.subtitlezeile { color: #147983; font-weight: bold; font-style: italic; font-size: 22px; }
.content>.wrapper>.row>div>div.row.postRow>.postContent h4.authorenzeile { color: black; margin-top: 30px; margin-bottom: 30px; }
.content>.wrapper>.row>div>div.row.postRow>.postContent a { color: #147983; text-decoration: none; word-break: break-word; }
.content>.wrapper>.row>div>div.row.postRow>.postContent a:hover { color: #147983; text-decoration: none; font-weight: bold; letter-spacing: -0.6px; }
.content>.wrapper>.row>div>div.row.postRow>.postContent.abstand { padding-right: 3.2em !important; padding-left: 3.2em !important; }
.content>.wrapper>.row>div>div.row.postRow>.postContent>.content { text-align: justify; /* padding: 0 3.2rem; */ }
.content>.wrapper>.row>div>div.row.postRow>.postContent>.content>ol { width: 75%; margin-left: 2em; }
.content>.wrapper>.row>div>div.row.postRow>.postContent>.content>ul { margin-left: 2em; }

/*** POST THUMBNAILS ***/
.content>.wrapper>.row>div>.row>div.postThumbs { background-color: white; margin-bottom: 1em; padding: 1em; }
.content>.wrapper>.row>div>.row>div.postThumbs>img { width: 100%; height: auto; }
.content>.wrapper>.row>div>.row>div.postThumbs>p { margin: 1em 0 0 0; color: #147983; font-weight: bold; }

.content>.wrapper>.row>div>.postContent { min-height: 600px; height: initial; }
.content>.wrapper>.row>div>.postContent>.header { color: #147983; height: initial; }
p.col-xs-12.col-sm-12.col-md-12.postDate { font-size: 18px; padding-top: 3.2em; padding-left: 0; }
.content>.wrapper>.row>div>.postContent>.header>h3, .content>.wrapper .postContent>.header>h3 { font-weight: bold; padding: 0.3em 0.8em 0.2em 0em; font-size: 30px; font-style: italic; margin-top: 0; }
.content>.wrapper .postContent>.header>div>i.glyphicon { /*position:absolute;*/ right:0em; cursor:pointer; color: #147983; font-size: 30px; margin-top: 20px; margin-bottom: 10px; padding: 0.3em 0.8em 0.2em 0em; }
.content>.wrapper .postContent>.header>div>div>form>button.glyphicon { background-color: transparent; border: none; color: #147983; font-size: 30px; margin-top: 20px; margin-bottom: 10px; padding: 0.3em 0.8em 0.2em 0em; }
.content>.wrapper .postContent>#dlContent { display: none; }
#dlContent>h2 { font-family:lobster;color:#147983; }
#dlContent>p.note { color: red; }
#dlContent>div.dlButton button {}
#dlContent>div.images { overflow: hidden; width: 400px; height: 250px; margin: 0.5em; float: left; border: 3px solid #147983; }
#dlContent>div img { cursor: pointer; width: 100%; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.content>.wrapper>.row>div>.postContent>.header>p { font-style: italic; padding: 0 0 1em 1.6em; font-weight: bold; font-size: 21px; }
.content>.wrapper>.row>div>.postContent>.header img { width: auto; height: 10em; margin-left: 2em; }
.content>.wrapper>.row>div>.postContent>.content { padding: 2em; word-break: break-word; }
.content>.wrapper>.row>div>.postContent>.content>p { text-align: justify; }

/*** COPYRIGHT ***/
.postContent>.content .copyright { width: 7rem; margin-bottom: 20px; }
.postContent>.content .copyright40 { width: 38vh; margin-bottom: 20px; }

/****** TEASER ******/
.content>.wrapper .teaser { background-color: white; padding: 1em; margin-bottom: 15px; }
.content>.wrapper .teaser>.header { /*height: 5em;*/ margin-bottom: 1em; }
.content>.wrapper .teaser>.header>h3 { font-weight: bold; font-size: 27px; }
.content>.wrapper .teaser>.header>h3 { font-weight: bold; font-size: 27px; /*height: 2.3em;*/ overflow: hidden; margin-top: 0; }
.content>.wrapper .teaser>.header>h3>a { color: #147983; }
.content>.wrapper .teaser>.header>p { color: black; margin-top: 10px; }
.content>.wrapper .teaser>.content { overflow: hidden; text-align: justify; }
.content>.wrapper .teaser>.content>h1, .content>.wrapper .teaserContent>.teaser>.content>h2, .content>.wrapper .teaserContent>.teaser>.content>h3  { font-size: 20px; }

.page .wrapper .teaser{background-color: white; margin: 0 0 1.3em 0;padding:10px;}

/***** KOMMENTARE *****/
li.comment { width: 450px; list-style: none; }
li.comment>.comment-body { border: 1px solid #bbbaba; border-radius: 2px; margin: 0.5em; }
.comment>.comment-body>.comment-author { background-color: #147983; color: white; background-image: none; }
.comment>.comment-body>.comment-author>.fn { font-weight: bold; }
li.comment>.children { margin-left: 1em; }

/***** UMFRAGE ABSTIMMEN *****/
.page .wrapper>.row .pollContainer{background-color:white;}
.wrapper>.row .pollContainer>li>ul>li>div { width: 500px; }
.wrapper>.row .pollContainer>li>ul>li>div p>strong { color: #147983; font-weight: bold; font-size: 20px; }
.wrapper>.row .pollContainer>li>ul>li>div div>p>input { padding: 0.3em; color: black; }
.wrapper>.row .pollContainer>li>ul>li>div div>p>input:hover { color: #147983; border: 1px solid #147983; }

/***** UMFRAGEN ERGEBNIS *****/
.wrapper>.row .pollContainer>li { list-style: none; }
.wrapper>.row .pollContainer>li>ul { list-style: none; }
.wrapper>.row .pollContainer>li>ul>li>a { font-weight: bold; margin-left: 0.5em;  }
.wrapper>.row .pollContainer>li>ul>li>a:hover { color: #147983; text-decoration: underline; }
.wrapper>.row .pollContainer>li>ul div>p { color: #147983; }
.wrapper>.row .pollContainer>li>ul div>div>ul>li>div { background-image: none; background-color: #147983; }

/***** UMFRAGENARCHIV *****/
.wrapper>.row>.pollArchive { background-color: white; /* border: 3px solid #147983; */ }
.wrapper>.row>.pollArchive>div { height: initial; background-color: transparent; }
.wrapper>.row>.pollArchive>h3 { height: initial; background-color: transparent; }
.wrapper>.row>.pollArchive>div>div>p>strong { color: #147983; }
.wrapper>.row>.pollArchive>div>p {  background: white; margin-bottom: 0; margin-top: 0; padding: 0em 1em 1em 1em; }
.wrapper>.row>.pollArchive>div>div { margin-top: 1.5em; padding: 1em; }
.wrapper>.row>.pollArchive>div>div>div>ul>li { list-style: none; }
.wrapper>.row>.pollArchive>div>div>div>ul>li>small { font-weight: bold; }
.wrapper>.row>.pollArchive>div>div>div>ul>li>div { background-image: none; background-color: #147983; }
.wrapper>.row>.pollArchive>div>div>p:first-child { font-size: 18px; }
.wrapper>.row>.pollArchive>div>div>p:last-child { margin-bottom: 0; padding: 0 1em; }
.wrapper>.row>.pollArchive>div>hr { border-top-color: #147983; }
.wrapper>.row>.pollArchive>div>hr:last-child { border-top-color: transparent; }

/***** INFORMATIONSKANÄLE *****/
.wrapper>.row>.channel { }
.wrapper>.row>.channel>div.col-md-5 { background-color: white;  /* border: 2px solid #147983;*/ height: initial;  padding: 1em;}
.wrapper>.row>.channel>div.col-md-2 { height: initial; background-color: transparent; }
.wrapper>.row>.channel>div>form>div>h4 { min-width: 270px; }
.wrapper>.row>.channel>div>form>div>input[type="checkbox"] { margin: 0.9em; }
.wrapper>.row>.channel>div>form>button { text-decoration: none; background: #147983; color: white; font-size: 18px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }
.wrapper>.row>.channel>div>h3 { color: #147983; font-family: lobster; }
.wrapper>.row>.channel>div>h4 { }

/***** OBSERVER STATISTIK *****/
.wrapper>.row>.pageCounter { /* width: 75%; */ }
.wrapper>.row>.pageCounter table>thead>tr>th:nth-child(5) { width: 80px; }
.wrapper>.row>.pageCounter form button { color: white; background-color: #147983; border: none; padding: 0.3em 0.5em 0.3em 0.5em; margin-top: 1em; margin-left: 0.5em; }
.wrapper>.row>.pageCounter form select { height: 2em; }

.wrapper>.row>.pageCounter>div { background-color:transparent;height:initial; }

/*** NEWSLETTER STATISTIK ***/
.newsContainer .logo{height: 70%; width: auto; max-width: 94%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.newsContainer .observerdbStreifen{height: auto; width: 51%; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); max-height: 95%;}
.verlauf1{ background:#bf8c91 !important; /* Old browsers */ background: -moz-linear-gradient(top, #bf8c91 0%, #85212b 34%, #85212b 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(top, #bf8c91 0%,#85212b 34%,#85212b 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #bf8c91 0%,#85212b 34%,#85212b 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8c91', endColorstr='#85212b',GradientType=0 ) !important; /* IE6-9 */ }
.newsContainer .verlauf1 p{width:48%;}
.wrapper>.row>.newsletterStats>* { background-color: transparent !important; height: initial !important; }

/*** INFOKANAL STATISTIK ***/
.wrapper>.row>.catStats>div { background-color: transparent; height: initial; }
.wrapper>.row>.catStats>.catStatContent { width: 60%; }
.wrapper>.row>.catStats>.catStatContent#webcount { width: 100%; }

/*** NEWSLETTER ***/
.tnp-subscription input.tnp-submit { background-color: #147983; }

/*** UMFRAGE ***/
.wrapper>.row>.pollContainer>.pollContent, .wrapper .pollContainer>.pollContent { height: initial; padding: 1em; }
.wrapper>.row>.pollContainer>.pollContent h2, .wrapper .pollContainer>.pollContent h2 { color: #147983; font-size: 27px; font-weight: bold; }
.wrapper>.row>.pollContainer>.pollContent ul ,.wrapper .pollContainer>.pollContent ul { list-style: none; }
.wrapper>.row>.pollContainer>.pollContent div>p>input,.wrapper .pollContainer>.pollContent div>p>input, .wrapper .pollContainer>.pollContent div>p>a, .wrapper .pollContainer>.pollContent div>p>a { text-decoration: none; background: #147983; color: white; font-size: 15px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }
.wrapper>.row>.pollContainer>.pollContent>ul,.wrapper>.row>.pollContainer>.pollContent>ul { margin-top: 2em; }
.wrapper>.row>.pollContainer>.pollContent ul>li>a,.wrapper .pollContainer>.pollContent ul>li>a { text-decoration: none; background: #147983; color: white; font-size: 15px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }
.wrapper>.row>.pollContainer>.pollContent>ul,.wrapper .pollContainer>.pollContent>ul { margin-top: 2em; }
.wrapper>.row>.pollContainer>.pollContent ul:last-child>li,.wrapper .pollContainer>.pollContent ul:last-child>li { width: 180px; left: 50%; transform: translateX(-50%); }

/*** KOMMENTARE ***/
.wrapper>.row>div>div>.commendContainer { padding: 1em; background-color:white; margin-top: 1.3em; }
.wrapper>.row>div>div>.commendContainer>div>h3 { color: #147983; font-size: 27px; font-weight: bold; }
.wrapper>.row>div>div>.commendContainer>div>form textarea { width: 100%; }
.wrapper>.row>div>div>.commendContainer>div>form p.comment-form-comment>label { color: #147983; }
.wrapper>.row>div>div>.commendContainer>div>form input[type="submit"] { text-decoration: none; background: #147983; color: white; font-size: 15px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 0 0; font-style: italic; border: none; }

.wrapper>.row>div>div>.commendContent { background-color: white; margin-top: 1.3em; padding: 1em; }
.wrapper>.row>div>div>.commendContent>.commendContainer>h3 { margin-top: 10px; font-weight: bold; padding: 0.3em 0.8em 0.2em 0em; font-size: 30px; font-style: italic; }

/*** TEAMSEITE ***/
.wrapper>.row .gwBG.team { width: 75%; margin: 0 auto; }

/*** AUTORENSLIDER STARTSEITE  ***/
.wrapper>.row>div.autoren { padding: 2em; }
.wrapper>.row>div.autoren>.suggestion { height: 25.2em !important; }
.wrapper>.row>div.autoren>.suggestion>.header { height: 69%; }
.wrapper>.row>div.autoren>.suggestion>.content { height: 31%; padding: 0 1em 4em 1em; }
.wrapper>.row>div.autoren>div>div.header>div { border: 3px solid #147983; overflow: hidden; height: 100%; background-color: #147983; }
.wrapper>.row>div.autoren>div>div.header>div>img { height: 100%; left: 50%; transform: translateX(-50%); }
.wrapper>.row>div.autoren>.suggestion>.content>p.author { font-size: 1.2em; }
.wrapper>.row>div.autoren>.suggestion>a { height: initial; font-size: 1.2em; padding: 0.1em 0.6em; margin: 1em; }
.wrapper>.row>div.autoren>.suggestion>.content>p { font-size: 0.9em; }
.autoren_wrapper { /* display:flex; flex-flow:wrap row; */ /* width: 95%; margin: 0 auto;*/ width: 100%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 1.4em; padding: 0 0.5em; }
.autoren_box { /*width: 20%;*/ cursor:pointer; }
.autoren_box>* { padding-top: 130%; }
.autoren_box>*>* { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 2em 1em 2em 1em; }
.autoren_box .autoren_bild { height: 100%; border: 3px solid #038e95; }
.autoren_box .autoren_bild>img { height: 100%; width: 100%; object-fit: cover; }
.autoren_box .autoren_name { position: absolute; top: 100%; width: 100%; line-height: 200%; color: #038e95; }
.autoren_box .autoren_name>* { }
.autoren_box .autoren_funktion{ width: 100%; background: #038e959e; position: absolute; top: 50%; transform: translateY(-50%); left: 0; opacity: 0; height: 0%; overflow: hidden; transition: all 0.33s ease; padding: 1em; color: #f5f5f5; font-weight: 600; }
.autoren_box .autoren_funktion>*{ }
.autoren_box:hover .autoren_funktion{height:100%;opacity:1;}
.autoren_wrapper .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); color: #147983; cursor: pointer; }
.autoren_wrapper .glyphicon-chevron-left.slick-arrow { right: 100%; }
.autoren_wrapper .glyphicon-chevron-right.slick-arrow { left: 100%; }

/********************/
/*      PROFIL      */
/********************/
.wrapper>.row>.profilContent {}
.wrapper>.row>.profilContent>.userData { background-color: #FcFcFc;  /* border: 2px solid #147983; */ height: initial;  padding: 1em; }
.wrapper>.row>.profilContent>.userData>hr { border-top-color: #147983; }
.wrapper>.row>.profilContent>.userData>p.observerDBLabel { color: #85212B; font-weight: bold; }
.wrapper>.row>.profilContent>.userData>div>p.newsletterLabel { color: #147983; font-weight: bold; float: left; }
.wrapper>.row>.profilContent>.userData>div>form>button, .wrapper>.row>.profilContent>.userData>div>a { border: none; padding: 0.2em 0.6em; font-size: 14px; background-color: #147983; color: white; margin-left: 0.5em; }
.wrapper>.row>div>.channelData { height: initial; background-color: white; padding: 1em; /* border: 2px solid #147983; */ }
.wrapper>.row>div>.channelData h4 { width: 250px; }
.wrapper>.row>div>.channelData input[type="checkbox"] { margin: 0.9em; }
.wrapper>.row>div>.channelData button { text-decoration: none; background: #147983; color: white; font-size: 18px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }

.wrapper>.row>.profilContent>.userData>div>.profilAction {}
.wrapper>.row>.profilContent>.userData>div>.profilAction>a { text-decoration: none; background: #147983; color: white; font-size: 15px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }

/*******************/
/*      LOGIN      */
/*******************/
.wrapper>.row>div>.postContent.loginContent>div>div { background-color: #D3D3D3; padding: 1em; border: 3px solid #147983; width: 400px; }
.wrapper>.row>div>.postContent>div>div>p.error { color: red; }
.wrapper>.row>div>.postContent>div>div>ul { list-style: none; }
.wrapper>.row>div>.postContent.loginContent { left: 50%; transform: translateX(-50%); background-color: transparent;}
.wrapper>.row>div>.postContent.loginContent>div.content { /* border: 3px solid #147983; */ padding: 0; }
.wrapper>.row>div>.postContent.loginContent>div.content>div>p.message { color: red; font-weight: bold; }
.wrapper>.row>div>.postContent.loginContent #loginform {}
.wrapper>.row>div>.postContent.loginContent label { width: 100%; color: #147983; }
.wrapper>.row>div>.postContent.loginContent ul a { font-weight: bold; color: #147983; }
.wrapper>.row>div>.postContent.loginContent input[type="text"], .wrapper>.row>div>.postContent.loginContent input[type="password"], .wrapper>.row>div>.postContent.loginContent input[type="text"] { width: 100%; height: 40px; padding: 0.5em; } 
.wrapper>.row>div>.postContent.loginContent #loginform>.tml-user-login-wrap {}
.wrapper>.row>div>.postContent.loginContent #loginform>.tml-user-pass-wrap {}
.wrapper>.row>div>.postContent.loginContent #loginform>.anr_captcha_field {}
.wrapper>.row>div>.postContent.loginContent #loginform>.tml-rememberme-submit-wrap {}
.wrapper>.row>div>.postContent.loginContent button[type="submit"] { text-decoration: none; background: #147983; color: white; font-size: 18px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }

/**************************/
/*      REGISTRIEREN      */
/**************************/
.wrapper>.row>h3.regHeader { width: 40%; left: 50%; transform: translateX(-50%); font-weight: bold; font-style: italic; font-size: 30px;}
.wrapper>.row>div>div.regContent { height: initial; background-color: transparent; }
.wrapper>.row>div>div.regContent>div>form { border: 3px solid #147983; left: 50%; transform: translateX(-50%); padding: 1em; width: 40%; background-color: #D3D3D3; }
.wrapper>.row>div>div.regContent>div>form label, .wrapper>.row>div>div.regContent>div>form p  { color: #147983; font-weight: bold; }
.wrapper>.row>div>div.regContent>div>form p a { color: #147983; text-decoration: underline; }
.wrapper>.row>div>div.regContent>div>form span.wpcf7-list-item { margin: 0; }
.wrapper>.row>div>div.regContent>div>form .wpcf7-list-item.last { margin-left: 1em; }
.wrapper>.row>div>div.regContent>div>form .wpcf7-list-item.first.last { margin-left: 0; }
.wrapper>.row>div>div.regContent>div>form label input[type="text"] {}
.wrapper>.row>div>div.regContent>div>form input[type="submit"] { text-decoration: none; background: #147983; color: white; font-size: 18px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }

/***************************/
/*     FORMULAR STYLES     */
/***************************/
.wrapper>.row>div>div.row.postRow>.postContent .wpcf7>form span.wpcf7-list-item { margin: 0; }
.wrapper>.row>div>div.row.postRow>.postContent .wpcf7>form .wpcf7-list-item.last { margin-left: 1em; }
.wrapper>.row>div>div.row.postRow>.postContent .wpcf7>form .wpcf7-list-item.first.last { margin-left: 0; }
.wpcf7-quiz-label { width: 100%; text-align: left !important; display: block; }

/*********************************************/
/*     SUCHE / ERWEITERTE SUCHE / FILTER     */
/*********************************************/
.wrapper>.row>form>input[type="submit"] { color: white; background-color: #147983; border: none; padding: 0.3em 0.5em 0.3em 0.5em; margin-top: 1em; }
.wrapper>.row>form>input[type="text"] { /*padding: 0.3em 4em 0.3em 0.5em;*/ padding: 0.3em 0.5em 0.3em 0.5em; border: none; }
.wrapper>.row>form>.extFilter>select { min-height: initial; padding: 0.3em 4em 0.3em 0.5em; border: none; height: initial; }
.wrapper>.row>form>.extFilter>.spoiler>input[type="date"] { padding: 0.3em 0em 0.3em 0.5em; border: none; }

/*** ERWEITERTER FILTER ***/
.wrapper>.row>.extFilterHome { float: left; margin-left: 1.3em; margin-top: 0.3em; }
.wrapper>.row>.extFilterHome>form { height: inherit; background-color: transparent; }
.wrapper>.row>.extFilterHome>form>h4 { min-height: initial; height: initial; background-color: transparent; float: left; margin: 0.3em 1em 0 0.3em; color: #147983; font-style: normal; font-size: 24px; }
.wrapper>.row>.extFilterHome>form>select { min-height: initial; margin: 0 1em; padding: 0.3em 4em 0.3em 0.5em; border: none; height: initial; }
.wrapper>.row>.extFilterHome>form>input[type="submit"] { color: white; background-color: #147983; border: none; padding: 0.3em 0.5em 0.3em 0.5em; }
.wrapper>.row>.extFilterHome>form>select.timeFilter {}
.wrapper>.row>.extFilterHome>form>select.locFilter {}

/*** SUCHE AUTOCOMPLETE ***/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #147983; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/*** SUCHPANEL ***/
.wrapper>.row h3.search { color: #147983 !important; font-weight: bold; }
.wrapper>.row form.normalSearch { background-color: #D3D3D3; padding: 1em; border: 2px solid #b9b9b9; }
.wrapper>.row form.normalSearch input[type="text"] { width: 226px; }

/*** ERWEITERTE SUCHE ***/
.wrapper>.row>h2.advSearch { font-family: lobster; color: #147983; }
.wrapper>.row>div>div>form>input[type="submit"] { color: white; background-color: #147983; border: none; padding: 0.3em 0.5em 0.3em 0.5em; margin-top: 1em; }
.wrapper>.row>div>div>form>input[type="text"] { padding: 0.3em 0.5em 0.3em 0.5em; width: 181px; border: none; }
.wrapper>.row>div>div>form>div>select { min-height: initial; padding: 0.3em 4em 0.3em 0.5em; border: none; height: initial; }
.wrapper>.row>div>div>form>div>.spoiler>input[type="date"] { padding: 0.3em 0em 0.3em 0.5em; border: none; }

/***** OBSERVER PLUS *****/
.wrapper>.row>div>.postContent>.content {}
.wrapper>.row>div>.postContent>.content>.freeContent {}
.wrapper>.row>div>.postContent>.content>.paidContent,.wrapper .paidContent { opacity: 0.125 !important; color: #999 !important; text-shadow: 0px 0px 5px #000 !important; }
.wrapper>.row>div>.postContent>.content>.paidContent>b, .wrapper .paidContent>b { color: black; }

/***** NEWSLETTER PAGE *****/
.wrapper.newsletterPage>p { width: 50%; margin-left: 15em; }

/********************************/
/*         NOTIFICATION         */
/********************************/
body>div.customAlert { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
body>div.customAlert.alert-success { color: white; background-image: linear-gradient(to bottom,#36919a 0,#147983 100%); }

/********************************/
/*           FOOTER             */
/********************************/
.footer { background-color: #C5C7C6; width: 100%; height: 12em; margin-top: 8em;  }
.footer>div { height: inherit; }
.footer>div>.menu-footer_menu-container { height: inherit; }
.footer>div>.menu-footer_menu-container>ul { display: table; left: 50%; top: 40%; transform: translate(-50%, -50%); }
.footer>div>.menu-footer_menu-container>ul>li { float: left; list-style: none; margin-right: 3em; font-size: 22px; text-transform: uppercase; }
.footer>div>.menu-footer_menu-container>ul>li:last-child { margin-right: 0; }
.footer>div>.menu-footer_menu-container>ul>li>a { color: #6B6C6C; }

/********************************/
/*             MISC             */
/********************************/
/*
   reference: https://css-tricks.com/almanac/properties/h/hyphenate/
   auto wert scheint invalid zu sein.(Chrome)
*/
.hyphenate { overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

.loadingOverlay { left: 0; top: 0; width: 100%; height: 100% !important; position: absolute; background-color: rgba(20, 121, 131, 0.9) !important; }
.loadingOverlay>.overlayInner { left: 0; top: 0; width: 100%; height: 100%; position: absolute; }
.loadingOverlay>.overlayInner>.overlayContent { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.pageCounter { min-height: 300px; }
.pageCounter>#postCount_wrapper, .pageCounter>#postCount1_wrapper, .pageCounter>#postCount2_wrapper, .pageCounter>#postCount3_wrapper, .pageCounter>#postCountVisitors_wrapper  { display: none; }
.pageCounter>#postCount_wrapper>#postCount_wrapper, .pageCounter>#postCount2_wrapper>#postCount2_wrapper { display: block !important; }
.pageCounter>.pageCounterFilter, .pageCounter>.webVisitors { display: none; }
.loadingButton button { color: white; background-color: #147983; padding: 0.3em 0.5em 0.3em 0.5em; margin-top: 1em; margin-left: 0.5em; border: none; font-size: 22px; left: 50%; transform: translateX(-50%); }
.catStats { min-height: 300px; }
.catStatContent { display: none; }
.timechangebutton button { color: white;
    background-color: #147983;
    border: none;
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin-top: 1em;
    margin-left: 0.5em;}

/***** LOADING ANIMATION *****/
.loaderContainer { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #147983;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.config{display: flex; flex-flow: nowrap row;}
.config>a>img {
    width: 100%;
    height: auto;
}
.config span {
    transform: rotate(0deg);
    color: #147983;
    font-size: 1.3em;
    top: -0.2em;
    cursor: pointer;
    text-align:center;
}

.config>* {
    margin-top: 0.3em;
    flex: auto;
    /* display: block; */
    width: 50%;
    text-align: center;
    line-height: 2em;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    left: 50%;
    transform: translateX(-50%);
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: white;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
	top: 6px;
	height: 51px;
    }
    50%, 100% {
	top: 19px;
	height: 26px;
    }
}

/***** SET PASSWORD RESET OPTIONS DISPLA NONE *****/
.tml-login>p.error a { display: none; }

/***** KAUF LOADER *****/
.buyloaderContainer { left: 50%; transform: translateX(-50%); width: 10em; }
.buyloader { border: 16px solid lightgray; border-radius: 50%; border-top: 16px solid #147983; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/***** LOADING ANIMATION *****/

/***** HOMEPAGE IMAGEVIDEO *****/
#imagevideo { display: none; }
.featherlight-content #imagevideo { display: block; }
.mediaOn { transition: all 0.5s ease; background-color: #147983; position: absolute; z-index: 2; right: -2.9em; top: 30.2em; padding: 0.5em 0.5em; transform: rotate(270deg); font-size: 24px; font-style: italic; cursor: pointer; opacity: 0; }
.mediaOn>p { margin: 0 0.25em; }
.mediaOn.open { display: block; opacity: 1; }
.mediaOn>p { text-transform: uppercase; color: white; }

.tnp.tnp-subscription>form>div>input.tnp-email { background-color: white !important; }

/********************************/
/*         PAID-CONTENT         */
/********************************/
/****** PAID CONTENT ******/
.content>.wrapper .paidOverlay { width: 99%; top: 38%; left: 50%; transform: translate(-50%, -50%); position: absolute; z-index: 99; background-clip: padding-box!important; background: #e6e6e6!important; background: -webkit-radial-gradient(center,ellipse,#fff 34%,#e3e3e3 89%)!important; background: radial-gradient(ellipse at center,#fff 34%,#e3e3e3 89%)!important; border-radius: 5px!important; box-shadow: 1px 1px 4px rgba(0,0,0,.55)!important; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; font-size: 14px!important; font-style: normal!important; font-weight: 400!important; line-height: 1.3!important; margin: 14px auto!important; max-width: 476px!important; padding: 0!important; }
.content>.wrapper .paidOverlay>p { text-align: center; }
.content>.wrapper .paidOverlay>div.grid { padding: 0 1.5em; }
.content>.wrapper .paidOverlay>div>div>a { text-decoration: none; background: #147983; color: white !important; font-size: 18px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; margin: 0em 0 1em 0; font-style: italic; border: none; border-radius: 4px; display: block; text-align: center; }
.content>.wrapper .paidOverlay>div>a:hover { text-decoration: underline !important; font-weight: normal !important; }
.content>.wrapper .paidOverlay>header { background: #106168; border-radius: 5px 5px 0 0!important; left: 0!important; padding: 1.5em 0!important; position: relative!important; right: 0!important; top: 0!important; } 
.content>.wrapper .paidOverlay>header>h2 { color: #fff!important; font-size: 28px!important; font-weight: 400!important; line-height: 1.2!important; margin: 0!important; overflow: hidden!important; text-align: center!important; }
.content>.wrapper .paidOverlay>.openabopaid, .content>.wrapper .paidOverlay>p.openalreadypaid { text-align: center; font-size: 15px; padding: 0.2em 0.5em; cursor: pointer; color: #106168; font-weight: bold; }
.content>.wrapper .paidOverlay>.openalreadypaid { text-decoration: none; background: #f2a60e; color: black !important; font-size: 18px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; margin: 1em 0 1em 0; font-style: italic; border: none; border-radius: 4px; display: block; width: 95%; left: 50%; text-align: center; transform: translateX(-50%); }
.content>.wrapper .paidOverlay>div.overlaytext { padding: 1em 1.5em; } 
.content>.wrapper .paidOverlay>div.abopaid, .content>.wrapper .paidOverlay>div.alreadypaid { display: none; padding: 0 1.5em; }
.content>.wrapper .paidOverlay .alreadypaid>label { display: block; font-weight: bold; }
.content>.wrapper .paidOverlay .abopaid label { font-weight: bold; }
.content>.wrapper .paidOverlay #loginform1>p>label, .content>.wrapper .paidOverlay #lostpasswordform>p>label, .content>.wrapper .paidOverlay .alreadypaid>label, .content>.wrapper .paidOverlay .abopaid label { width: 100%; color: #147983; }
.content>.wrapper .paidOverlay #loginform1>p>input[type="text"], .content>.wrapper .paidOverlay #loginform1>p>input[type="password"], .content>.wrapper .paidOverlay #lostpasswordform>p>input[type="text"], .content>.wrapper .paidOverlay input#ppAdress, .content>.wrapper .paidOverlay .abopaid input[type="text"], .content>.wrapper .paidOverlay .abopaid input[type="password"] { width: 100%; height: 40px; padding: 0.5em; }
.content>.wrapper .paidOverlay #loginform1 #wp-submit1, .content>.wrapper .paidOverlay #lostpasswordform #wp-submit, .content>.wrapper .paidOverlay button#unlockpaidpost, .content>.wrapper .paidOverlay .abopaid button { text-decoration: none; background: #147983; color: white; font-size: 18px; padding: 0.5em 1.5em; cursor: pointer; bottom: 0; left: 0; margin: 1em 0 1em 0; font-style: italic; border: none; }
.Grauer-Hintergrund {
    background-color: #ececec; 
    padding: 1em; 
}
.content>.wrapper .paidOverlay .abopaid ul { list-style: none; }

.postContent .content img.zoom.halb{
    width: 55%;
}
/********************************/
/*       COOKIE HINWEIS         */
/********************************/
.pea_cook_wrapper p { bottom: unset !important; font-family: "helvetica neue", helvetica, arial, sans-serif !important; font-size: 11px !important; margin: 0 !important; color: white !important; font-weight: bold !important; }
.pea_cook_wrapper.pea_cook_bottomcenter { bottom: 0 !important; left: 0 !important; margin: unset !important; color: #FFFFFF !important; background: rgb(0,0,0) !important; background: rgba(0,0,0,0.85) !important; width: 100% !important; }

/********************************/
/*         BOOTSTRAP            */
/********************************/
.row { /* margin-bottom: 1em; */  }

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}

@media (max-width: 950px) {
    .hidden-xs {
	display: none!important;
    }
    .visible-xs {
	display: block!important;
    }
}

/********************************/
/*         MEDIA PRINT          */
/********************************/
.onlyPrint { display: none; }
@media print {
    .noPrint { display: none; }
    .onlyPrint { display: block; z-index: 999999; }
    .wrapper { width: 100%; }
    .postContent { padding-left: 1em; padding-right: 1em; }
    p>span>strong, h1, h2 { page-break-inside : avoid; } 
}

/********************************/
/*        MEDIA QUERIES         */
/********************************/
@media(min-width: 1600px) {}
@media(max-width: 1600px) { 
    .fontStyle1 { font-size: 3.5vw; }
    img.observerdbStreifen { top: 1.4em !important; transform: translateY(0) !important; }
}/* max-width: 1600px */
@media(min-width: 1500px) {}
@media(max-width: 1500px) { 
    .homeContent { width: 94%; }
    .homeContent>.authorConzeptContent { padding: 0 5rem; }
    .header>.naviContainer>.navigation.main {right: 3%;}

    .page .content>.wrapper .teaser>.header>h3 { font-size: 20px; }
    .page .content>.wrapper .teaser>.content { height: 15vw; }
}/* max-width: 1500px */
@media (min-width: 1201px){
    .col-xl-2 { width: 16.66666667%; }
}
@media(min-width: 1366px) {}
@media(max-width: 1366px) { 
    .header>.naviContainer>.navigation.main { right: 3.5%; }
    .header>.naviContainer>.navigation.main>div.menu-main_menu-container { font-size: 0.7em; }
    .header .menu-main_menu-container>ul ul li a { font-size: 1.45em; }
    /* ADMIN MENU */
    .header>.naviContainer>.navigation.main>div.menu-admin_menu-container { font-size: 0.7em; }
    .header .menu-admin_menu-container>ul ul li a { font-size: 1.45em; }

    .homeContent>.iesContent>div>div.content { height: 73%; }
    .iesContent .mehrLesen { bottom: 3.5rem; width: 96%; text-align: right; }

    .header>.naviContainer>.navigation.main>span.openCustomSubmenu { font-size: 1.2em; }
    .fontStyle1 { font-size: 3.2em !important; }
    .fontStyle3 { font-size: 2.2em !important; }  
}/* max-width: 1366px */
@media(min-width: 1280px) {}
@media(max-width: 1280px) { 
    .w60vw { width: 70vw; }
    .content>.wrapper { width: 95%; }
    .header>.naviContainer>.navigation.main>div.menu-main_menu-container { font-size: 0.6em; }
    /* ADMIN MENU */
    .header>.naviContainer>.navigation.main>div.menu-admin_menu-container { font-size: 0.6em; }
    .header>.naviContainer>.navigation.main>span.openCustomSubmenu { font-size: 1.1em; }
    .header>.firstContainer { left: 81.5%; }
}/* max-width: 1280px */
@media(min-width: 1250px) {}
@media(max-width: 1250px) { 
    .fontStyle1 { font-size: 3em !important; }
    .fontStyle3 { font-size: 2em !important; }  
    .obdb_zugang:after { left: 7.7em; }
}/* max-width: 1250px */
@media(min-width: 1200px) {}
@media(max-width: 1200px) { 
    .fontStyle4 { font-size: 1.5vw !important; }
    .grid-4 { grid-template-columns: 1fr 1fr 1fr; }
    .catContent>div>.catBox:nth-child(4n+1) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(4n+2) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(4n+3) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(4n+4) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(3n+1) { transition-delay: 0.1s; }
    .catContent>div>.catBox:nth-child(3n+2) { transition-delay: 0.2s; }
    .catContent>div>.catBox:nth-child(3n+3) { transition-delay: 0.3s; }
}/* max-width: 1200px */
@media(min-width: 1180px) {}
@media(max-width: 1180px) { 
    .fontStyle1 { font-size: 4vw !important; }
    .fontStyle3 { font-size: 2em !important; }
  
    .obdb_zugang { font-size: 1em !important; margin-top: 3em; }
    .header>.naviContainer>.navigation.main>div>ul { top: 0.5em; }
    .header>.naviContainer>.navigation.main>div.menu-main_menu-container { font-size: 0.5em; }
    /* ADMIN MENU */
    .header>.naviContainer>.navigation.main>div.menu-admin_menu-container { font-size: 0.5em; }

    .header>.naviContainer>.navigation.main>span.openCustomSubmenu { font-size: 1em; }
}/* max-width: 1180px*/
@media(min-width: 1150px) {}
@media(max-width: 1150px) { 
    .header>.naviContainer>.navigation.main { right: 3.5%; }

    .wrapper>.row>div>div.regContent>div>form { width: 60%; }
    .wrapper>.row>div>div.regContent>div>form input[type="text"], .wrapper>.row>div>div.regContent>div>form p label, .wrapper>.row>div>div.regContent>div>form input[type="email"] { width: 100%; }
}/* max-width: 1200px*/
@media(min-width: 1050px) {}
@media(max-width: 1050px) { 
    .header>.firstContainer {
	left: 75.5%; 
    }
    .header>.naviContainer>.navigation.main>div.menu-main_menu-container {
	font-size: 0.47em;
    }
    .header>.naviContainer>.logoContainer>a:last-child>img.logo {
	left: 1.2em; 
    }
}/* max-width: 1080px */
@media(min-width: 1024px) {}
@media(max-width: 1024px) { 
    .obdb_zugang { font-size: 0.9em !important; }
}/* max-width: 1024px*/
@media(min-width: 1000px) {}
@media(max-width: 1000px) { 
    .header>.firstContainer { left: 74.5%; }
    .homeContent>.politicsContent>div>div.content { column-count: 2; }
    .homeContent>.authorConzeptContent { padding: 0px 2rem; }

    .singleContent>div { grid-template-columns: 1fr; }
    .singleContent>div>.w60vw { width: 100%; }

    .singleContent>div.row>div.sideContent { display: grid; grid-template-columns: 1fr 2fr; }
    .singleContent>div.row>div.sideContent>.row:last-child { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }
    .page .content>.wrapper .teaser>.content { height: 25vw; }

    .searchContent .normalSearch { width: 100%; }
    .wrapper>.row form.normalSearch input[type="text"] { width: 270px; }
}
@media(min-width: 990px) {}
@media(max-width: 990px) { 
    .homeContent { grid-template-columns: 1fr; }
    .homeContent.politics { grid-template-columns: 1fr; }
    .homeContent>.authorConzeptContent { grid-template-columns: 1fr; }
    .homeContent>.brandContent { grid-template-columns: 1fr; grid-column: auto; }
    .homeContent>.brandContent>img { display: none; }

    .wrapper.fullWidth { padding: 1em 3% 0 3% !important; }
    .content>.wrapper>.row>div.catBox { height: auto; }
    .content>.wrapper>.row>div>* { height: auto; margin-top: 1em; }
    .content>.wrapper>.row>div:nth-child(1)>.suggestion, .content>.wrapper>.row>div:nth-child(2)>.suggestion { margin-top: 4em; }
    .content>.wrapper>.row>div.autoren:nth-child(1)>.suggestion, .content>.wrapper>.row>div.autoren:nth-child(2)>.suggestion { margin-top: 1em; }
    .content>.wrapper .paidOverlay { width: 100%; }
    .wrapper>.row .gwBG.team { width: 100%; }
    .gwBG.team>div>div>div>div>div>strong:last-child { position: relative !important; bottom: 0 !important; }
    .gwBG.team>button.slick-prev { left: 0; z-index: 2; }
    .gwBG.team>button.slick-next { right: 16px; z-index: 2; }
    .gwBG.team .slick-prev:before, .slick-next:before { /* font-size: 35px; */ }
    .mediaOn { top: 61.2em; }
}/* max-width: 990px */
@media(min-width: 975px) {}
@media(max-width: 975px) { 
    .header>.firstContainer { width: 100%; }
    .fontStyle4 { font-size: 1.75vw !important; } 
    .obdb_zugang:after { left: 100%; }

    .grid { grid-template-columns: 1fr; }
    .grid-4 { grid-template-columns: 1fr 1fr; }
    .catContent>div>.catBox:nth-child(3n+1) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(3n+2) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(3n+3) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(2n+1) { transition-delay: 0.1s; }
    .catContent>div>.catBox:nth-child(2n+2) { transition-delay: 0.2s; }
}/* max-width: 975px */
@media(min-width: 800px) {}
@media(max-width: 800px) { 
    .header>.firstContainer { left: 68%; }
    .home .header>.naviContainer>.logoContainer { left:0; }
    .header>.naviContainer>.logoContainer>a>img { height: 70%; }
    .header>.naviContainer>.logoContainer>a:last-child>img.logo{left:0.5em;}

    .page .w60vw { width: 100%; }

    .singleContent>div { display: block; }
    .singleContent>div.row>div.sideContent { display: block; }
    .singleContent>div.row>div.sideContent>.row:first-child { width: 45vw; }
    .page .content>.wrapper .teaser>.content { height: initial; }

    .pageContent>div.row {  grid-template-columns: 1fr; }
    .pageContent>div.row>div.w60vw { width: 100%; }

    .wrapper>.row>div>div.regContent>div>form { width: 90%; }

    .footer>div>.menu-footer_menu-container { padding: 0 4em; }
}/* max-width: 800px */
@media(min-width: 770px) {}
@media(max-width: 770px) { 
    .content>.wrapper>.row>div.catBox { height: auto; }
    .content>.wrapper>.row>div:first-child>.suggestion { margin-top: 5em; }
    .content>.wrapper>.row>div:nth-child(2)>.suggestion { margin-top: 1em; }
}/* max-width: 770px */
@media(min-width: 680px) {}
@media(max-width: 680px) { 
    .header>.firstContainer { left: 50%; }
    .grid-4 { grid-template-columns: 1fr; }
    .catContent>div>.catBox:nth-child(2n+1) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(2n+2) { transition-delay: unset; }
    .catContent>div>.catBox:nth-child(1n+1) { transition-delay: 0.1s; }

    .config { height: 100%; }
    .config>a>img { width: auto; height: 70%; }
}
@media(min-width: 630px) {}
@media(max-width: 630px) { 
    .singleContent>div.row>div.sideContent>.row:last-child { display: block; }
}
@media(min-width: 600px) {}
@media(max-width: 600px) { 
    .homeContent>.brandContent { display: none; }

    #backTop { left: auto; transform: none; width: 100%; }
    .content>.wrapper>.row>div>div.row.postRow>.postContent.abstand { padding-left: 1.5em !important; padding-right: 1.5em !important; }
    .content>.wrapper .paidOverlay { top: 20%; }

    .wrapper>.row>div>div.regContent>div>form { width: 100%; }

    .catContent>.headline { grid-template-columns: 1fr; }
    .catContent>.headline>.catTitle { font-size: 26px; margin-bottom: 0; }
    .catContent>.headline>*:last-child { height: 80px; }

    .singleContent .gwBG .slick-slide .hyphenate { font-size: 16px !important; }
    .content>.wrapper>.row>div>div.row.postRow>.postContent>.content { text-align: justify; padding: 0; }
    .content>.wrapper .paidOverlay>header>h2 { font-size: 25px !important; }

    .footer { padding: 1rem 0; height: auto; }
    .footer_menu-container { padding: 0 0em; }
    .footer>div>.menu-footer_menu-container>ul { display: grid; grid-template-columns: 1fr 1fr; left: initial; top: initial; transform: initial; }
    .footer>div>.menu-footer_menu-container>ul>li { float: initial; left: 50%; transform: translateX(-50%); margin-top: 0.5em; }
    .footer>div>.menu-footer_menu-container>ul>li:last-child { margin-right: 3em; grid-column: 1/2 span; }
}/*max-width: 600px */
@media(min-width: 450px) {}
@media(max-width: 450px) { 
    .content>.wrapper>.row>.importantContainer>div>div.importantImage { width: 180px; height: 210px; }
    .content>.wrapper .paidOverlay { top: 15%; }
}/* max-width: 400px */
@media(min-width: 420px) {}
@media(max-width: 420px) {     
    .header>.naviContainer>.logoContainer>a>img.logo { height: 60%; }
    .observer_btn { font-size: 1em; }
    .gwBG.team>button.slick-prev { top: 30%; }
    .gwBG.team>button.slick-next { top: 30%; }
    .wrapper.fullWidth{
        padding:1em 1% 0em 1% !important;
    }

    .homeContent>.iesContent>div>div.content { height: 68%; }
    .homeContent>.commentContent>.comment>.content { column-count: 1; }
    .homeContent>.commentContent>a.mehrLesen { bottom: 4.5em; }
    .homeContent>.politicsContent>div>div.content { column-count: 1; height: 72%; }
    .homeContent>.politicsContent>a.mehrLesen { bottom: 3.5em; }
    .homeContent>.managementContent>div { height: 72%; overflow: hidden; }
    .homeContent>.managementContent>div>.content { column-count: 1; height: 85%; }
    .homeContent>.managementContent>a.mehrLesen { bottom: 4.5em; }
    .homeContent>*>div>.content>.postImgSlick { height: 55%; width: 45%; float: left; margin: 0 10px 10px 0; }
    .homeContent>*>div>.content>.postImgSlick>div { height: 100%; }
    .homeContent>.szeneContent .boulevard-slick div.boulevard { height: 250px; }
    .homeContent>.szeneContent .content { height: 12em; }
    .homeContent>.szeneContent>a.mehrLesen { bottom: 3.5em; }
    .homeContent>.authorConzeptContent { padding: 0px 1rem; }
    .homeContent>.authorConzeptContent .autoren_box .autoren_name { font-size: 12px; }

    .singleContent>div.row>div.clearfix>.postRow, .singleContent>div.row>div.sideContent>.row { padding-left: 5px; }

    .footer>div>.menu-footer_menu-container { padding: 0 1em; }
    .footer>div>.menu-footer_menu-container>ul>li { font-size: 18px; }
}/* max-width: 400px */