/*
Theme Name: VKB+
Theme URI: http://www.vpkbb.org/
Description: Template VKB BB Verband privater Kliniken und Pflegeeinrichtungen Berlin-Brandenburg e.V.
Author: 3mal1
Author URI: http://3-mal-1.de


COLORS
Orange:#F58221;
Dark-Gray:#58585A;
Bright-Gray:#CECFD1;
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,700,900);
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
*/

/*--------------------Allgemeine Einstellungen-----------------*/


*{position:relative;margin:0;padding:0;}
html{font-size:16px;}
html,body{height:100%;}
body{font-family:calibri;color:#666;overflow-x:hidden;word-break: break-word;word-wrap:break-word;}
ul,li{    list-style-position: inside;}
ul ul, ol ul { list-style-type: initial; }
a{color:#c2001d;text-decoration: none;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.noPrint
.dnot{display:none !important;}
.vNot{font-size:0;height:0;visibility:hidden !important;}
.fLeft{float:left; width: 40%;}
.abstand_ur{padding: 0 1em 1em 0;}
.abstandM_ur{margin: 0 1em 1em 0;}
.fixedTop{position: fixed; top: 0; z-index: 999; background-color: white; width: 100%;}
.schatten.oben{background-image: url('bilder/schatten_1.png');position: absolute; width: 100%; bottom: 100%;background-color:white;}
.schatten.unten{background-image: url('bilder/schatten_0.png');position: absolute; width: 100%; top: 100%;}
.schatten { height: 1em; background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; }
.topBorder{border-top:1px solid #333;}
.bottomBorder{border-bottom:1px solid #333;}
.bigRed{border-color:#C1001B;border-width:3px;}
.bigLight{border-color:#e2e2e2;border-width:1px;}
.spoiler{display: block; float: none; clear: both; cursor: pointer; font-weight: bold; color: #C2001D;}
.spoiler:hover{color:#e2004D;}
.kleinerAbsatz {
    margin-bottom: 0.25em;
}
.paddingbottom1em { padding-bottom: 1em;}

.msg-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0000006c;
    z-index: 1;
    backdrop-filter: blur(8px);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.msg-box>div{
    background: #fff;
    padding: 1rem;
    border: 3px solid #c3001e;
    border-radius: 5px;
}
.frame{}
.wrapper{width:98em;margin:0 auto;}
.home .header{margin: 1em 0em 0 0;}
.page .header{margin: 1em 0em 1em 0;}
.header .logo{display: block; width: 20%; right: -80%;}
.header .logosuche .logo { display: block; width: 100%;right:inherit; }
.content{}
.footer { margin: 1em 0 0 0; }

.menu-der_vpk_bb_menu-container .current-menu-item a { color: #C3001E !important;font-weight:bold; }
.navi { width: 73%; display:table-cell;}
.page .navi{ top: -0.6em;}
.home .navi{ top: -2em;}
.menu-main_menu-container .current-menu-ancestor>a,.menu-main_menu-container .current-menu-item>a {color: #C3001E;}
.menu-main_menu-container{font-size:1.2em;}
.menu-main_menu-container ul,
.menu-main_menu-container li{list-style:none;}
.menu-main_menu-container li:hover>ul{display:table-cell;}
.menu-main_menu-container a{color: #333; text-decoration: none; display: table-cell;display: block; width: 88%; height: 100%; padding: 1em; white-space: nowrap;}
.menu-main_menu-container>ul{}
.menu-main_menu-container>ul>li{display:table-cell;}
.menu-main_menu-container>ul>li>a{border-left: 1px dashed #666; margin-left: -1px; padding: 0 1em; margin: 1em 0; display: block;}
.menu-main_menu-container>ul>li:first-child>a{border-left: none; margin-left: 0px; padding: 0 1em 0 0; margin: 1em 0; display: block;}
.menu-main_menu-container>ul ul{position: absolute; z-index: 100; background-color: #fcfcfc; display: none; box-shadow: 4px 4px 4px rgba(0,0,0,0.13);}
.menu-main_menu-container>ul ul li {     padding: 0.1em 0.5em; }
.menu-main_menu-container>ul ul li:hover { margin-bottom: -2px; }
.menu-main_menu-container>ul ul li a {     padding: 0.1em 0.5em; }
.menu-main_menu-container>ul ul li:hover>a { border-bottom: 2px solid #C1001B; }
.menu-main_menu-container>ul ul ul{left: 100%; top: 0;}

.logosuche { width: 27%; display:table-cell; }
.ssuchfeld{position:absolute;right:16em;bottom:1em;}/*bei 1030 hochfahren */

.suchfeld {height: 3em; background-color: #F9F9F9; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; border-bottom: 1px solid #D6D6D6; position: fixed; top: 9em; right: -12em; width: 15em !important; z-index: 1;}
.suchfeld>form{    height: 100%;}
.suchfeld>form>div{    height: 100%;}
.suchfeld>form>div>input{height: 100%; background-color: transparent; margin-left: 3.8em; border: none; width: 72%; padding-left: 0.5em; padding-right: 0.5em;}
.suchfeld>form>div>input[type="submit"]{display:none}
.suchfeld>form>div>.lupe{cursor: pointer; background-color: #EFEFEF; background-image: url('bilder/lupe.png'); background-size: 50%; background-repeat: no-repeat; background-position: 50%; width: 3em; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1000; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; border-bottom: 1px solid #C5C5C5; border-right: 1px solid #E4E4E4;}
.suchfeld>form>div>.los{position: absolute; bottom: -1em; height: 1em; width: 100%; left: 0; text-align: center; cursor: pointer;}
.suchfeld a {margin-left: 3.6em;}

.index.content .wrapper{width:64em !important;}
.content>div>div { float: left; }
.content h2{color: rgb(195, 0, 29); font-size: 1.5em;}
.section li{-text-indent: -1em; -padding-left: 1em; list-style-position: outside; margin-left: 1em;    list-style-type: initial;}
.section p { padding-bottom:1em; }
.content .vorschauKasten { border: 1px solid rgb(117, 117, 117); padding: 1%; background-color: rgb(244, 244, 244); width: 29%; margin-left: 3%; float: left; }
.content .vorschauKasten:first-child { margin-left:inherit;}
.content .vorschauKasten>div { background-color: white; padding:2%;height: 22em; overflow: hidden;}
.content .vorschauKasten>div>h2{width: 95%; margin: 0 auto; height: 2em; text-transform: uppercase;}
.content .vorschauKasten .buttons{margin-bottom: 1em; width: 95%; margin: 0 auto;}
.content .vorschauKasten .buttons>a{display: block; float: left; width: 30%; margin-left:5%;text-decoration: none;text-align:center;color:#666;}
.content .vorschauKasten .buttons>a>p{    font-size: 0.9em;}
.content .vorschauKasten .buttons>a:first-child{margin-left:inherit;}
.content .vorschauKasten .buttons>a>img{display: block; width: 100%;}
.content .vorschauKasten .beitragsVorschau{width:95%;margin:0 auto;}
.content .vorschauKasten .beitragsVorschau>.bild{width: 100%; height: 6em; overflow: hidden;}
.content .vorschauKasten .beitragsVorschau>.bild>img{width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%);}

.content .sectionBox>div>.logo { float: left; }
.content .sectionBox>div>.logo>img { border: 1px solid #D9DADA; padding: 1em; margin: 0 1em 1em 0; }

.sectionBox {width: 100%;}
.sectionBox>.kasten{width: 31.33333%; padding: 0 1%;}
.sectionBox .spoiler { background-color: #C3001E; color: white; padding: 2%; }
.sectionBox .spoiler:hover { background-color: #E62846;}
.sectionBox .spoilerKasten { margin: 0 0 1em 0; border: 1px solid #666; box-shadow: 1px 1px 4px rgba(0,0,0,0.3);}
.sectionBox .spoilerKasten>div { padding: 2%;}
.sectionBox .spoilerKasten>div>div { border: 1px solid #666; margin: 2% 0; padding: 2%;box-shadow: 1px 1px 4px rgba(0,0,0,0.3) inset; white-space:pre-wrap;}
.sectionBox .spoilerKasten>div>div:hover { -background-color: #D8D9D9; cursor: default; }
.spoilerContent { padding: 2%; }

.read_more { height: 1.5em; margin: 1em 0 0 0 ;}
.read_more a{ text-decoration: none; }
.read_more img { height: 100%; }
.read_more span { color: #A5A5A5; text-transform: uppercase; bottom: 0.45em; margin: 0 0 0 0.5em; }

.slick-slider{width: 95%; margin:2% auto 0 auto; padding: 1% 0;}
.slick-slider>div{}
.slick-slider>div>div{float: left; width: 17.8%; height: 12em; padding: 1%; overflow: hidden;}
.slick-slider>div>div>img{width: 100%; max-height: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.slick-slide a { overflow: hidden; display: list-item; }
.slick-slide img { display: block; max-width: 100%;border:none;}

.content-text {}
.whitebox {background-color: white; padding: 1em;}

.content .aside { width: 22%;width: 23.7%; width: 26.7%; margin-left:2%;}
.content .aside .contactmenu{ margin-bottom:1em;}
.content .aside .contactmenu>div{}
.content .aside .contactmenu a.suchIcon { width: 30.6%; width:12%; margin-left: 4%; display: block; float: left; text-align:center;text-decoration:none;font-weight:bold;color:#666;}
.content .aside .contactmenu a:first-child { margin-left:0;}
.content .aside .contactmenu a img { width: 100%; }

.content .aside .vorschau { border: 1px solid rgb(117, 117, 117); padding: 4%; background-color: rgb(244, 244, 244); margin-bottom:1em;}
.content .aside .vorschau>div { background-color: white; padding:2%;}
.content .aside .vorschau .buttons{margin-bottom: 1em;}
.content .aside .vorschau .buttons>a{display: block; float: left; width: 30%; margin-left:5%;}
.content .aside .vorschau .buttons>a:first-child{margin-left:inherit;}
.content .aside .vorschau .buttons>a>img{display: block; width: 100%;}
.content .aside .vorschau h3{width:95%;margin:0 auto;}

.page .content .aside .vorschau .buttons p { color: #666; font-size: 0.9em; }
.page .content .aside .vorschau .buttons>a { display: block; float: left; text-align: center; width: 30%; text-decoration: none; }

.content .vorschau .tab.clearfix { display: table; width: 100%; padding: 0 !important; left: 0 !important; position: absolute; top: -1em;}
.content .vorschau .tab a { display: table-cell; width: 25%; text-align: center; }

.content .aside .beitragsVorschau{}
.content .aside .beitragsVorschau>img{width:100%;height:auto;}
.content .suchfeld { position: relative; right: inherit; bottom: inherit; float: left; left: 10%; width: 68%; }
.content .suchfeld>form>div>input { border: none; border-bottom: 1px solid silver; padding: 0.2em; font-size: 1.1em; color: #D9DADA; width: 100%; }
.content .suchfeld>form>div>label { cursor: pointer; background-color: white; /* background-image: url('bilder/lupe.png'); */ background-size: 100%; background-repeat: no-repeat; width: 1.5em; height: 1.5em; display: block; position: relative; left: 100%; top: -1.5em; z-index: 1; }
.content .section {width: 52%;     width: 70%;   width:67%;  border: 1px solid rgb(222, 222, 222); float: left; background-color: rgb(244, 244, 244); padding: 2%;}

.indexbanner { background-image: url('bilder/header.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 35em; }
.indexbanner .headButtons{ top: 50%; transform: translateY(-50%); }
.indexbanner .headButtons>ul{left:96%;}
.indexbanner .headButtons>ul>li{list-style: none;}
.indexbanner .headButtons>ul>li img{width:2em;}

.buttonNavi{width: 12em; margin: 1em auto;}
.buttonNavi>a{display: inline-block; width: 27%; margin-left: 5%; font-size: 0.65em; text-align: center; text-decoration: none; color: #666;}
.buttonNavi>a>img{width:100%;height:auto;}

.content .section .headButtons{ margin-bottom: 1em;}
.content .section .headButtons>ul{}
.content .section .headButtons>ul>li{float: right; list-style: none;}
.content .section .headButtons>ul>li img{width:2em;}
.headButtons.clearfix h2 { width: 85%; }
.content .section .beitragsBild{width: 100%; height: 20.25em; margin-bottom: 1em; overflow: hidden;}
.content .section .beitragsBild img{width:100%;height: auto;display:block;top:50%;transform: translateY(-50%);position:absolute;}
.content .section .headButtons.clearfix+div { margin-bottom: 1em; }
h2.catTitle { margin-bottom: 1em; }
.catPicture { background-color:white;float: left; width: 30%; padding-right: 1em; border-right: 1px dashed #C2001C; margin-right: 1em; height: 7em; overflow: hidden; }
img.thumb_gallery.tg_picture1 { display: block !important; height: auto !important; width: 100% !important; position: absolute !important; right: 1em; top: 50% !important; transform: translateY(-50%); }
.meldungListe.zeile .more { float: inherit !important; border-top:  inherit !important; margin-right:  inherit !important;  clear: both; width: inherit !important;  }
.more a { border-top: 1px dashed rgb(195, 0, 29); float: right; }
.catPicture.hoch img { max-width: 6em !important; height: 100%; }
.catPicture.breit img { max-height: 7em !important; max-width: 76% !important; }

.content .section .mitgliederListe{}
.content .section .mitgliederListe .kasten{}
.potraitKontakt{
    float: left;
    margin-right: 4px;
    padding: 5px;
    border: 1px solid #ccc;
}
/* BILDER RAHMEN FIX */
.rahmen-1 {
    float: left;
    margin-right: 4px;
    padding: 5px;
    border: 1px solid #ccc;
}

.sectionBox .vorschauKasten { border: 1px solid rgb(117, 117, 117); padding: 1%; background-color: rgb(244, 244, 244); width: 29%; margin: 1em 0 1em 3%; float: left; }
.sectionBox .vorschauKasten:first-child { margin: 1em 0 1em 0;}
.sectionBox .vorschauKasten h2 { height: 3.6em; font-size: 1.2em; }
.sectionBox .vorschauKasten ul,.vorschauKasten.sectionBox li { list-style:none; }
.fleft{float:left;}
.halb{width:47.5% !important;}
.ml4{margin-left:4%;}
/* DEFINITION: Einrichtungs-Editor */
h2>a { right: 0; position: absolute; text-decoration: none; color: #D9DADA; }
h2>a:hover {color:#666;}
.editor{}
.editor>form{}
.editor>form>div{width:99%;}
.editor .gruppe { margin: 1em 0 1em 0; }
.editor .gruppe>h3 { border-bottom: 1px solid #666; padding: 0 0 0.25em 0; margin: 0 0 0.5em 0; }
.editor>form>div>div>label{width:100%;display:block}
.editor>form>div>div>input{width: 96%; height: 1em; padding: 0.5em 2%;}
.editor>form>div>div>select{width: 102%; height: 2.3em;}
.editor>form>div>div>textarea{width: 99.5%; min-width: 99.5%; max-width: 99.5%; min-height: 25em;}
.editor>form>div>input[type="submit"] { width: 102% !important; height: 2.5em !important; }

.content .vorschau.editor{
    max-height: 43em;
    overflow-y: auto;
}
.content .vorschau.editor>div{
    padding: 0 1em;
}

.auflistung {
    height: 30em;
    overflow: auto;
    margin: 1em 0;
}
.myAutoResult{
    max-height: 30em;
    overflow: auto;
    margin: 1em 0;    
}
.footer_info{position: relative; height: 5em; background-color: rgb(229,227,223);background-color: white; display:block;}
.footer_info>div{font-size: 1.2em; width: 64em; margin: 0 auto; padding: 1em 0 0 0;}
.footer_info ul,.footer_info li{list-style: none; display: table; margin: 0 auto; padding: 0 1em;}
.footer_info>div>ul>li{float:left}
.footer_info>div>ul>li>a{text-decoration: none;color: #AFAFAF;}
.footer_info>div>ul>li:hover>a{text-decoration: none;color: #666;}
.footer_info .current-menu-ancestor>a,.footer_info .current-menu-item>a {color: #666;}

.section .footer_info {
    position: absolute;
    height: 5em;
    top: 100%;
    width: 100%;
    background-color: rgb(229,227,223);
    background-color: white;
    display: block;
    margin-top:1em;
}

.section .footer_info>div {
    font-size: 1.2em;
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 0 0;
}

.zierlinie_rot_2{border-top: 3px solid #c30000; margin: 4em 0 1em 0; padding: 1em 0 0 0; text-transform: uppercase;}
.zierlinie_rot_2 h3{text-transform: uppercase; margin: 0 auto; color: #C3001E; width: 69em;}
.detail .zierlinie_rot_2 { border-top: none; border-bottom: 3px solid #c30000; margin: 0em 0 1em 0; padding: 1em 0 0 0; text-transform: uppercase; }

#googleMap {width: 100%;height: 300px;width:50%;height:24em;margin:0 auto;position: relative;overflow: hidden;transform: translateZ(0px);background-color: rgb(229, 227, 223);}
.googlemap{ position:relative; overflow:hidden;}


input.show { position: fixed; left: 1000%; }
input.hidden { display: none; }

.button { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color: #ededed; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 100% !important; border: 1px solid #dcdcdc; font-weight: bold; text-align: center; height: 1em; padding: 0.5em 0%; text-decoration: none; }
.button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }
.button:active { position:relative; top:1px; }
.file-selected:after{ content: ' ?' }
.button.uploading{ height:0; overflow:hidden; background-repeat: no-repeat; background-position: center center; padding:27px 24px 0 }

.ui-menu .ui-menu-item a.ui-corner-all:hover, .ui-menu .ui-menu-item a.ui-corner-all:focus, .ui-menu .ui-menu-item a.ui-corner-all:active {
    background:#ff8a00!important;
    color:#000;
    border-radius:0;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #ff8a00;
    border: none;
    color:#000;
    border-radius:0;
    font-weight: normal;
}

/* --- TEST NICO --- */

.voll_text ol>li>ul{
    margin-bottom:2em;
}

.voll_text .getRange {
    width: 96%;
    padding: 2%;
    border: 0.0625em solid #426026;
    box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.5);
    background: #8BB02A;
}

.voll_text .hinweis{
    display:none;
}
.voll_text .getRange img{
    position:absolute !important;
    right:0 !important;
}
.voll_text .expander{
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
}
.voll_text .expander.down{
    background-image:url('media/ui_gfx/arrow_down_0.png');
}

.voll_text .expander.down:hover{
    background-image:url('media/ui_gfx/arrow_down_1.png');
}

.voll_text .expander.up{
    background-image:url('media/ui_gfx/arrow_up_0.png');
}

.voll_text .expander.up:hover{
    background-image:url('media/ui_gfx/arrow_up_1.png');
}

.ebene1.art1 {
    background-color: #63842C !important;
}

.ebene1.art1 .titel a,.ebene1.art1 .distanz {
    color: #CBD7AA !important;
}
.voll_text .getRange.legende{background-color:#D6E3B6 !important;margin:1em 0;}
.voll_text .getRange.legende>div{width:50%;float:left;}
.voll_text .getRange.legende>div:first-child{width:100%;}
.voll_text .getRange.legende>div>div{width:90%;float:left;}
.voll_text .getRange.legende>div>div:first-child{width:10%;}
.voll_text .getRange.legende>div>div>span{display:block;    padding: 0 0 0 1em;}
.voll_text .getRange.legende>div>div:first-child>span{display:block;    padding: inherit;}
.voll_text .getRange.legende .first{background-color:#8BB02A;border:1px solid black;}
.voll_text .getRange.legende .second{background-color:#63842C;border:1px solid black;}


.voll_text .getRange input, .voll_text .getRange select {
    width: 23.9%;
    width: 32%;
    padding: 0.5% 1%;
    font-size: 1.3em;
    font-size: 1em;
}

.mgList.block .adresse{
    height:3em;
    overflow:hidden;
}

.mgList.block a {
    text-decoration: none;
    color: #C3001E;
    display: block;
    padding: 0.5em 0 0 0;
}

.mgList.block a:hover {
    color:red;
}

.mgList.block ul, .mgList.block li {
    list-style: none;
}
.mgList.block>ul {
}

.mgList.block>ul>li {
    width: 31%;
    margin: 1%;
}
.mgList.block>ul>li:first-child {
    mmargin-top:0em;
}

.mgList.block>ul>li>div {
    border:1px solid #666;
}
.mgList.block>ul>li>div>div {
    padding: 0.25em 0.5em;
}
.mgList.block>ul>li>div>div:first-child {
    background-color: #FFFFFF;
    color: white;
    padding: 0 0;
    height: 9em;
    overflow: hidden;
}

.mgList.block>ul>li>div>div:nth-child(even) {
    background-color: #C3001E;
    color: white;
    height: 1.25em;
    overflow: hidden;
}

.mgList.block>ul>li>div>div img {
    width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.mgList.zeile .adresse{
    height:3em;
    overflow:hidden;
}

.mgList.zeile a {
    text-decoration: none;
    color: #C3001E;
    display: block;
    padding: 0.5em 0 0 0;
}

.mgList.zeile a:hover {
    color:red;
}

.mgList.zeile ul, .mgList.zeile li {
    list-style: none;
}
.mgList.zeile>ul {
}

.mgList.zeile>ul>li {
    width: 98%;
    margin: 1%;
}
.mgList.zeile>ul>li:first-child {
    mmargin-top:0em;
}

.mgList.zeile>ul>li>div {
    border:1px solid #666;
}
.mgList.zeile>ul>li>div>div {
    padding: 0.25em 0.5em;
}
.mgList.zeile>ul>li>div>div:first-child {
    background-color: #FFFFFF;
    color: white;
    padding: 0 0;
    height: 9em;
    overflow: hidden;
    float:left;
}

.mgList.zeile>ul>li>div>div:nth-child(even) {
    background-color: #C3001E;
    color: white;
    height: 1.25em;
    overflow: hidden;
}

.mgList.zeile>ul>li>div>div img {
    width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

/*
.meldungListe.zeile{}
.meldungListe.zeile .rahmen-vorschau { border: 1px solid #666; padding: 1em; }
.meldungListe.zeile .inhalt { margin-bottom: 1em; }
.meldungListe.zeile>ul,.meldungListe.zeile>ul>li{list-style: none;list-style-position: inside;}
.meldungListe.zeile>ul{}
.meldungListe.zeile>ul>li{ margin: 1em 0;}
.meldungListe.zeile>ul>li>div{ border: 1px solid #D9DADA; background-color: #FFF; box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
.meldungListe.zeile>ul>li>div>div,.meldungListe.zeile>ul>li>div>p,.meldungListe.zeile>ul>li>div>li{padding:1em;}
.meldungListe.zeile>ul>li>div li{padding:0 1em;}
.meldungListe.zeile .title{padding: 0.5em; background-color: #F4F4F4; color: #C3001E; border-bottom: 1px solid #666;}
.meldungListe.zeile .bild{}
.meldungListe.zeile .more{padding: 0.5em; background-color: #F4F4F4; text-align: center; border-top: 1px solid #666;}
.meldungListe.zeile .more a{text-decoration: none; color: #666; text-transform: uppercase; font-weight: bold;}
*/

.meldungListe{}
.meldungListe.zeile{margin-top: 1em;}
.meldungListe.zeile .rahmen-vorschau {padding:1em; margin-right:1em; border-right:1px dashed red; width: 92%; height: 5em;}
.meldungListe.zeile .inhalt { }
.meldungListe.zeile>ul,.meldungListe.zeile>ul>li{ }
.meldungListe.zeile>ul{ list-style: none;}
.meldungListe.zeile>ul>li{ margin-bottom: 1em; background-color: white;    list-style-type: none; }
.meldungListe.zeile>ul>li>div{ padding: 1em; }
.meldungListe.zeile>ul>li>div>div,.meldungListe.zeile>ul>li>div>p,.meldungListe.zeile>ul>li>div>li{ }
.meldungListe.zeile>ul>li>div li{ }
.meldungListe.zeile .title{ color: #C3001D; hheight: 7em; display: table; }
.meldungListe.zeile .title h2 { display: table-cell; vertical-align: middle; }
.meldungListe.zeile .bild{}
.meldungListe.zeile .more{ float: right; border-top: 1px dashed rgb(195, 0, 29); margin-right: -1em; width: 17%;}
.meldungListe.zeile span { font-size: 12px; }

.meldungListe.zeile .more a{color: #666; margin-left: 1.5em; font-size: 1.1em;}
.meldungListe.zeile .more a:link {text-decoration: none;}
.meldungListe.zeile .more a:visited { text-decoration: none;}
.meldungListe.zeile .more a:hover {color: rgb(195, 0, 29);}

.meldungListe-logo img {border-right: 1px dashed rgb(195, 0, 29); padding-right: 2em;width:19em;}
.meldungListe-content { top: -6em; left: 20em; font-size: 1.1em; width: 59%; margin-bottom: -5em;}

.detail-title {color: rgb(195, 0, 29);}

.list-more {  float: right; bborder-bottom: 1px dashed rgb(195, 0, 29);}
.list-more a {text-decoration: none;padding: 0 0.5em;color: #666;border-bottom: 1px dashed rgb(195, 0, 29);margin-left: 1em;}
.list-more a:link {}
.list-more a:visited {}
.list-more a:hover {color: rgb(195, 0, 29);}

.mgList.zeile .more{ float: right; border-top: 1px dashed rgb(195, 0, 29); width: 17%;}
.mgList.zeile .more a{color: rgb(195, 0, 29); margin-left: 1.5em; font-size: 1.1em;}

/*.section.beitrag .rahmen-detail{border-right: 1px dashed rgb(295, 0, 29); padding: 1em; background-color: white;}*/
.section.beitrag .rahmen-detail { padding: 1em; margin-right: 1em; border-right: 1px dashed red; width: 92%; height: 5em;}
.editForm{margin-top:2em;}
.section.beitrag .title { height: 7em; display: table;}
.section.beitrag .title h2 { display: table-cell; vertical-align: middle;}
span#date { text-align: right; display: block; color: #b0b5b5; margin-bottom: 0.25em;}


#standortFilter {
    border: 1px solid #D9DADA;
    background-color: white;
    padding: 1%;
}

.sectionBox>div .bild {
    width: 32%;
    height: 11em;
    overflow: hidden;
    border-right: 1px dashed rgb(195, 0, 29);
    padding-right:1em; /* vorher nicht da*/
    margin-right: 1.5em;
}
.sectionBox>div .bild img {
    width: 94%; /* vorher 100%*/
    max-height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sectionBox>div .bild, .sectionBox>div p {
    float: left;
}

.sectionBox .bild {
    margin: 0 1em 1em 0;
}

.sectionBox>div>div, .sectionBox>div>p {
    margin: 0.25em 0;
}

.sectionBox>div>p {
    padding: 0 0.25em;
}

.sectionBox>div>div>b {
    border-bottom: 1px solid #D9DADA;
}

.sectionBox .spoilerKasten {
    margin: 0 0 1em 0;
    border: 1px solid #666;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    float: left;
    width: 47%;
    margin: 1%;
}
/*
.sectionBoxDetail {
    margin-left: 1%;
    padding-bottom: 1%;
}

#allg-info { top: -1em;}

#traeger-info { top: -2em; left: 3em;}

.sectionBoxDetailHead {
    padding-bottom: 1%;
}
*/

.sectionBox>div .text{float: left; width: 59%;}
.sectionBox>div .text .adresse{float:left;width:50%;}
.sectionBox>div .text .traeger{float:left;width:50%;}
.filterOption { width: 33.33333%; float: left; margin:1em 0; }

.typAuswahl {  }
.typAuswahl>div { height: 4em; }
.typAuswahl a { float: left; height: 4em; width: 4em; margin: 0 0 0 1%; text-decoration: none; color: white; top: 50%; transform: translateY(-50%); }
.typAuswahl a:first-child { margin: 0 0 0 0%; }
.typAuswahl a img{width: 100%; height: 100%;}
.typAuswahl a p { position: absolute; bottom: 0px; text-align: center; width: 100%; font-size: 0.7em; padding: 0; }
.typAuswahl .gross{height: 6em; width: 6em; box-shadow: 3px 3px 6px rgba(0,0,0,0.4);}


.tableStyle1 { width: 50%; margin: 0px auto 3em auto; border-collapse: collapse; }
.tableStyle1 td { border: 1px solid #929292; vertical-align: middle; padding: 1em; text-align: left; }
.tableStyle1 img { position: relative; left: 50%; transform: translateX(-50%); }

.tableStyle2 { width: 50%; margin: 0px auto 3em auto; border-collapse: collapse; }
.tableStyle2 td { border: none; vertical-align: top; padding: 1em; text-align: left; }
.tableStyle2 img { width: 9em; height: auto; position: relative; left: 50%; transform: translateX(-50%); }
.tableStyle2 tr { border-top: 1px solid #929292; }
.tableStyle2 tr:first-child { border-top: none; }

.linkList { } .linkList>ul, .linkList>ul>li { list-style: none; }
.linkList>ul { }
.linkList>ul>li { margin: 0 0 1em 0; padding-bottom:0.4em; }
/* .linkList>ul>li>a { text-decoration: none; background-color: #F4F4F4; display: block; border: 1px solid #D9DADA; padding: 0.5em; color: #666; }*/
.linkList>ul>li>a:hover { bbackground-color: #D9DADA; border-color: #666; }
.linkList>ul>li.active a { font-weight: bold; color: #C2001C; }

#loginform{width: 95%; margin: 0 auto;  margin-top: 0.2em; }
#loginform>p{}
#loginform>p>label{    display: block; margin-top: 0.2em;}
#loginform>p>input{    display: block;
                       padding: 0.3em 2%;
                       width: 96%;
                       height: 2em;
                       border: 1px dotted #ccc;}
#loginform>p>input[type="submit"]{width: 100%; margin: 0 auto; display: block; height: 2.75em;}
#loginform .login-remember,#loginform .login-submit{margin-top: 1em;}
.navigation.pagination { background-color: white; border: 1px solid #ddd; }
.navigation.pagination .nav-links {
    width: 18em; margin: 0 auto; padding: 1em 0;
}
.navigation.pagination .nav-links a{
    color:#666;
}.navigation.pagination .nav-links a:hover{
    color:#C2001D;
}
.navigation.pagination .nav-links .current{font-size: 1.2em; color: #C3001D; font-weight: bold;}
.navigation.pagination .nav-links .prev {width: 1em; text-align: center; display: inline-block;}
.navigation.pagination .nav-links .next {width: 1em; text-align: center; display: inline-block;}
.navigation.pagination .nav-links .prev img,.navigation.pagination .nav-links .next img{}
.navigation.pagination .nav-links .page-numbers {}
.navigation.pagination .nav-links .dots {}

.fLeft-vorschau {
    float: left;
}


.vorschau.userMenu>div>h3 { text-transform: capitalize; }
.vorschau.userMenu ul, .vorschau.userMenu li { list-style: none; }
.vorschau.userMenu a { color: #666; text-decoration: none; display: block; }
.vorschau.userMenu li:hover a { color: #C3001E; }
.vorschau.userMenu li:hover a:before { content: '> '; }

.aside>.userMenu {margin-top: 2em; margin-left: 2em;}
.userMenu { hheight:100%}
.userMenu>div { hheight:100%}
.userMenu h2 {text-transform: uppercase; color: rgb(195, 0, 29);}
.userMenu ul {list-style: none; font-size: 1.2em;hheight:75%;overflow-y: auto;}
.userMenu li {border-bottom: 1px dashed #666; width:85%; margin-bottom: 0.8em; padding-bottom: 0.4em; }
.userMenu li:hover {border-color: rgb(196, 0 , 29);}
.userMenu li a:link {text-decoration: none; color: #424242;}
.userMenu li a:visited {text-decoration: none; color: #424242;}
.userMenu li a:hover {color: rgb(195, 0, 29);}
.userMenu .current-menu-ancestor>a,.menu-main_menu-container .current-menu-item>a {color: #C3001E;}

#backTop{cursor:pointer;display: none; position: fixed; bottom: 0; left: 3em; height: 4em; background-color: rgba(240,240,240,0.9); width: 4em; box-shadow: -1px -1px 4px rgba(0,0,0,0.5); border-top-left-radius: 10px; border-top-right-radius: 10px; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #666;background-image:url('bilder/arrow_up_1.png');background-size: 50%; background-repeat: no-repeat; background-position: 50%;}
.current-post-parent {
    color: #c2001c;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

input.wpcf7-form-control.wpcf7-submit { border: none; background-color: inherit; border-bottom: 1px dashed red; padding: 0 1em; cursor: pointer; }

.gm-style #infobox img { max-width: 95% !important; }

.pea_cook_wrapper p {
    bottom: unset !important;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-size: 11px;
    margin: 0 !important;
    color: white !important;
    font-weight: bold;
}
.pea_cook_wrapper.pea_cook_bottomcenter {
    bottom: 0 !important;
    left: 0 !important;
    margin: unset !important;
    color: #FFFFFF !important;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.85);
    width: 100% !important;
}
.gm-style>* {
    position: absolute;
    width: 100%;
    bottom: 0;
}
@media print{
    .noPrint, .noPrint *{display: none !important;
    }
    .content .section{
        
        width:95%;
        
    }
    .sectionBox .spoilerKasten {
    margin: 0 0 1em 0;
    border: 1px solid #ddd;
    box-shadow: inherit;
    float: left;
    width: 97%;
    margin: 1%;
}

.sectionBox .spoiler {
    background-color: inherit;
    color: inherit;
    padding: 2%;
}

.sectionBox .spoilerKasten>div>div {
    border: none; 
    margin: inherit; 
    padding: 1% 2%;
    box-shadow: none;
    list-style: disc;
    display: list-item;
    white-space: pre-wrap;
    list-style-position: outside;
    margin-left: 2em;
}

.mgLogo{
    position:relative;    
}

.mgLogo img{
            position: inherit !important;
    top: inherit !important;
    transform: inherit !important;
}

}
