/** --------------------------------------------------------------------------------------------------allgemein-- **/
html {
     overflow:hidden;
}

*, *::before, *::after{box-sizing:border-box;}

.bold{font-weight:700;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.capitalise{text-transform:capitalize;}
.hidden{display:none;}
.nospace{margin:0; padding:0; list-style:none;}
.block{display:block;}
.justified{text-align:justify;}
.inline *{display:inline-block;}
.inline *:last-child{margin-right:0;}
.pushright li{margin-right:20px;}
.pushright li:last-child{margin-right:0;}
.borderedbox{border:1px solid;}
.overlay{position:relative; z-index:1;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.martopplu05 {margin-top:5px}
.martopplu10 {margin-top:10px}
.martopplu15 {margin-top:15px}



main{
     position: relative;
     margin: 110px auto 0px auto;
     max-height:75vh;
     background:transparent;
     border:transparent;
     flex-grow: 1;
     overflow-y: auto;
     overflow-x: hidden;
     cursor:default;
     min-height: 0;


}
.cssbutton {
     display:block;
      font-size: 0.875rem;
      background-color:#636363;
      color: #EEEEEE;
      width:100%;
      text-shadow: 1px 1px #000000;
      padding:0px 7px 0px 7px;
      text-align:center;
      border: 1px solid #CDCDCD;
      border-radius: 5px;
      margin-bottom:10px;
      margin-top:10px;

}
.cssbutton:hover {
      background-color:#B8B8B8;
      color: #000000;
      text-shadow: 1px 1px #FFFFFF;
      text-decoration:none;
}
.right {text-align:right}
.center {text-align:center}
.left {text-align:left}


.monk{
     position: relative;
     margin: 140px auto 0px auto;

     background:transparent;
     border:transparent;
     flex-grow: 1;
     overflow-y: auto;
     overflow-x: hidden;
     cursor:default;
     min-height: 0;

}
p {
      text-align:justify;
      background:transparent;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;

}
/** --------------------------------------------------------------------------------------------------header-- **/
.bg {
     background-color: #000000;
     height: 100%;
}
.bgded {
     position:fixed;
     top:5px;
}
.overlay::after{
     display:block;
     position:absolute;
     top:0; left:0;
     width:100%;
     height:100%;
     content:"";
     z-index:-1;
}
.overlay{
     color:#FFFFFF;
     background-color:#000000;
}
.overlay::after{
     color:inherit;
     background-color:rgba(0,0,0,.8);
}
.overlay.light::after{
     background-color:rgba(0,0,0,.55);
}
#pagemaintop {
     width:100%;
     position:fixed;
     margin:0px auto;
     z-index:999999;
     height:90px;
     background: #000000; /* Old browsers */
     background: -moz-linear-gradient(left,  #8b8b8b 0%, #000000 30%, #000000 70%, #8b8b8b 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(left,  #8b8b8b 0%,#000000 30%,#000000 70%,#8b8b8b 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right,  #8b8b8b 0%,#000000 30%,#000000 70%,#8b8b8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.navimp {
     width:100%;
     padding:0 10px 0 0;
     position:fixed;
     bottom:7px;
     background: transparent;
     text-decoration:none;
     border-top: 1px solid #464646;
     text-align:left;
     z-index:99;
}
.navimp a:link, .navimp a:visited, .navimp a:active, .navimp a:focus {
     color: #FFFFFF;
     font-size:0.875rem;
}

.navimp a:hover {
     color: #00FFFF;
     text-decoration:none;
}






#header{
     margin:2px auto 3px auto;
     border:none;
}
#header h1 {
      margin:8px auto 8px auto;
      width:80%;
      height:28px;
      text-align:center;
      font-size:1.375rem;

      color: #FFFFFF;
      letter-spacing: 1px;
      font-weight:700;
      background: transparent;
      cursor: default;
}
h1 {
      color: #FFFFFF;
      text-shadow: 1px 1px #000000;
      font-size:1.125rem;
      font-weight:700;
      cursor:default;

}
h4 {
     font-size:1.125rem;
      color: #FFFFFF;
      text-shadow: 1px 1px #000000;
      font-weight:700;
      cursor:default;
      text-align:center;
      background-color: #808080;

}
h5 {
     font-size:1.125rem;
      color: #000000;
      font-weight:400;
      cursor:default;
      text-align:justify;
      background:transparent;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;

}
h6 {
     font-size:1.125rem;
      color: #FFFFFF;
      font-weight:400;
      cursor:default;
      width:100%;
      text-align:center;
      background:transparent;

}
h7 {
     font-size:1rem;
      color: #FFFFFF;
      text-shadow: 1px 1px #000000;
      font-weight:700;
      cursor:default;
      width:100%;
      text-align:center;
}
.impress_text001 {
     color: #FFFFFF;
      font-size:1rem;
      font-weight:700;
      text-align:center;
      cursor:default;
}
.impress_text002 {
     color: #FFFFFF;
      font-size:0.875rem;
      font-weight:400;
      text-align:center;
      cursor:default;
}
.impress_text002left {
     color: #FFFFFF;
      font-size:0.875rem;
      font-weight:400;
      text-align:right;
      cursor:default;
}
.impress_text002right {
     color: #FFFFFF;
      font-size:0.875rem;
      font-weight:400;
      text-align:left;
      cursor:default;
}

.dnldtop {
     color: #FFFFFF;
      font-size:1rem;
      font-weight:400;
      cursor:default;
}
.dnldmid {
     color: #FFFFFF;
      font-size:1.125rem;
      font-weight:400;
      cursor:default;
}
.dnldmidmax {
     color: #FFFFFF;
      font-size:1.125rem;
      font-weight:700;
      background-color:#636363;
      cursor:default;
}


/* ================================================================================================================================= modal ======= */
.modal.left .modal-dialog,
        .modal.right .modal-dialog {
                position: fixed;
                margin: auto;
                width: 320px;
                height: 100%;
                -webkit-transform: translate3d(0%, 0, 0);
                    -ms-transform: translate3d(0%, 0, 0);
                     -o-transform: translate3d(0%, 0, 0);
                        transform: translate3d(0%, 0, 0);
        }

        .modal.left .modal-content,
        .modal.right .modal-content {
                height: 100%;
                overflow-y: auto;
        }

        .modal.left .modal-body,
        .modal.right .modal-body {
                padding: 15px 15px 80px;
                 background-color:rgba(0,0,0,.8);
                 overflow:hidden;
        }
        .modal.right.fade .modal-dialog {
                right: -320px;
                -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
                   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
                     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                        transition: opacity 0.3s linear, right 0.3s ease-out;
        }

        .modal.right.fade.in .modal-dialog {
                right: 0;
        }

/* ----- MODAL STYLE ----- */
        .modal-content {
                border-radius: 0;
                border: none;
        }

        .modal-header {
                border-bottom-color: #EEEEEE;
                background-color:rgba(0,0,0,.5);
                content: "\A";
            white-space: pre;
        }




        .demo {
        padding-top: 60px;
        padding-bottom: 110px;
}

.btn-demo {
        margin: 15px;
        padding: 10px 15px;
        border-radius: 10px;
        font-size: 16px;
        background-color: #FFFFFF;
}

.btn-demo:focus {
        outline: 0;
}

.modal-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color:rgba(0,0,0,.5);
        text-align: center;
}


/* ================================================================================================================================= mailings ======= */
.noeyes {
        display:none;
     }

.txt_top01 {
      width:100%;
      font-size:1.125rem;
      padding:0 5px;
      font-weight: 300;
      text-align:center;
      color: #FFFFFF;
      cursor:default;

}
.txt_top02 {
      width:100%;
      font-size:1.125rem;
      padding:0 5px;
      font-weight: 300;
      text-align:center;
      color: #FF0000;
      cursor:default;

}

nav {
    margin:-2px 1px 0 0;
    padding:0;
    background-color:#000000;
    height:50px;
    }

.wrapper{
     display:block;
     width:100%;
     margin:0;
     padding:0;
     text-align:left;
     word-wrap:break-word;
}
.row1{
     color:#FFFFFF;
}
.clear, .group{
     display:block;
}
.clear::before, .clear::after, .group::before, .group::after{
     display:table; content:"";
}
.clear, .clear::after, .group, .group::after{
     clear:both;
}
#header #logo{
     margin:5px 0 0 0;
     width: 75px;
     height: 90px;
     background-image:url('../../images/logo.png');
     z-index:300;
}
#header #logo a{
     color:inherit;
}
.fl_left, .imgl{
     float:left;
}
.fl_right, .imgr{
     float:right;
     margin-right:5px;
}
#pageintro{
         padding:20px 0;
         border:none;
         height:668px;
         border:none;

}
.dow_hid {
      width:100%;
      height:25px;
      background: transparent;
      border:none;
}

.sozioframe {
  margin-top:-10px;
  overflow: hidden;
  width: 100%;
  height: 70vh;
  border:none;
}
.soziolog-iframe {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border:none;
}
/** ---------------------------------------------------------------------------------------------------------index    ------ **/
.index_linetoptext {
      text-align:justify;
      border: transparent;
      cursor: default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.index_linetopsmall {
     font-size:1rem;
      text-align:justify;
      font-weight: 400;
      line-height:1.2em !important;
      border: transparent;
      cursor: default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.text-heimopen {
      width:100%;
      padding:3px 15px 0px 15px;
      text-align:justify;
      color: #FFFFFF;
      cursor: default;
      font-weight: 400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.index-navigat a{
     background:transparent;
     color:#FFFFFF;
}

.index-navigat:hover a {
     text-decoration:none;
     color:#00FFFF;
}

.shwtextop {
      font-size: 1.1rem;
      text-align:center;
      color:#FFFFFF;
      width:150px;
      font-weight:700;
      padding:3px 15px 3px 0;
      border-bottom:1px solid #565656;
}

.shwtexfirst {
      font-size: 1.0rem;
      text-align:right;
      color:#FFFFFF;
      width:200px;
      font-weight:700;
      padding:3px 15px 3px 0;
      border-top:1px solid #565656;
}
.shwtextno {

      font-size: 1.0rem;
      text-align:left;
       padding:3px 15px 3px 0;
      color: #FF0000;
      width:200px;
      font-weight:700;
      border-top:1px solid #565656;
      cursor:default;
}
.shwtextyes {

      font-size: 1.0rem;
      text-align:left;
      padding:3px 15px 3px 0;
      color: #FFFFFF;
      font-weight:700;
      width:200px;
      border-top:1px solid #565656;
      cursor:default;
}
.shwtexnext {
      font-family: Georgia, Times;
      font-size: 1.0rem;
      text-align:right;
      width:150px;
      color:#989898;
      padding:1px 15px 1px 0;
      border-top:1px solid #989898;
}

.shwtextnextno {

      font-size: 1.0rem;
      text-align:left;
       padding:1px 15px 1px 0;
      color: #989898;
      font-weight:400;
      border-top:1px solid #989898;
      cursor:default;
}
.shwtextnextyes {

      font-size: 1.0rem;
      text-align:left;
      padding:1px 15px 1px 0;
      color: #989898;
      font-weight:400;
      border-top:1px solid #989898;
      cursor:default;
}




/** ---------------------------------------------------------------------------------------------------------das sind wir ------------ **/
.wir_headline {
      text-align:left;
      font-weight: 700;
      cursor: default;
}
.listylewir {
     padding:1px 15px 0px 15px;
      text-align:justify;
      color: #FFFFFF;
      cursor: default;
      font-weight: 400;
      cursor: default;
}
.listvors {
      text-align:left;
      color: #FFFFFF;
      cursor: default;
      font-weight: 400;
      cursor: default;
}

#MenPaperList a:link, #MenPaperList a:visited, #MenPaperList a:active, #MenPaperList a:focus {
      color: #FFFFFF;
      text-decoration: none;
      text-align:left;
      font-weight:400;
      padding:1px 0 1px 5px;

}

.warn_text01yes {
      width:100%;
      text-align:center;
      cursor: default;
      color:#FF00FF;
}

.warn_text01no {
      width:100%;
      text-align:center;
      cursor: default;
}


/** ---------------------------------------------------------------------------------------------------------Aktivitäten ------------ **/
.aktiv_headline {
      text-align:center;
      font-weight: 700;
      cursor: default;
      color:#CFCFCF;
      font-size:1.375rem;
      text-shadow: 5px 5px 3px rgba(125, 132, 133, 0.93);
}
#aktivimp a:link, #aktivimp a:visited, #aktivimp a:active, #aktivimp a:focus {
     color: #FFFFFF;

}

#aktivimp a:hover {
     color: #00FFFF;
     text-decoration:none;
}

.aktivframe {
  overflow: hidden;
  width: 100%;
  height: 65vh;
  border:none;
}
.aktivi-iframe {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border:none;



}
/** ---------------------------------------------------------------------------------------------------------Termine ------------ **/
.kalenderframe {
  overflow: hidden;
  width: 100%;
  height: 75vh;
  border:none;
}

.detailframe {
  overflow: hidden;
  border:none;
  margin:5px 5px 5px 5px;
}

.detailDay {
      font-size: 1rem;
      color: #FFFFFF;
      padding-right:3px;
      padding-top:2px;
      padding-bottom:2px;
      cursor:default;
}
.detailtitel {
      font-size: 1rem;
      padding-left:3px;
      padding-top:2px;
      padding-bottom:2px;
      color: #FFFFFF;
      cursor:default;
}

.detailTermTitel {
      font-size: 1rem;
      padding:1px 0 2px 0;
      color: #FFFFFF;
      cursor:default;
}

.detailTermknowing {
     width: 100%;
      font-size: 1rem;
     text-align:justify;
     -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;;
     border: transparent;
}

.detailknowing {
               width: 100%;
               font-size: 1rem;
               max-height:170px;
               overflow-x:hidden;
               overflow-y:auto;
               border: transparent;
}

table.head001 {
      position:relative;
      margin:0 auto;
      width:100%;
      border:none;
}
.txt_caldays {
      font-size: 1rem;
      font-weight: 400;
      text-align:center;
      color: #414141;
      text-shadow: none;
      cursor:default;
}
.calDayAkt {
      font-size: 0.9375rem;
      color: #FF0000;
      font-weight:700;
      cursor:default;
      text-shadow: none;
}
.calDay {
      font-size: 0.875rem;
      padding-left:0px;
      color: #000000;
      cursor:default;
      text-shadow: none;
}
.txtdaycal {
      color:#FF0000;
      font-size:0.875rem;
      padding-left:8px;
      cursor: default;
}
#MenTitel a:link, #MenTitel a:visited, #MenTitel a:active, #MenTitel a:focus {
      display: block;
      background: #848484;
      color: #FFFFFF;
      font-weight: 400;
      text-shadow: 1px 1px 0px #000000;
      margin-left: 1px;
      margin-right:1px;
      text-decoration: none;
      font-size: 1rem;
      text-align:center;
      padding: 0 1px 0 1px;
}

#MenTitel a:hover {
      color: #000000;
      text-shadow: 1px 1px 0px #FFFFFF;
      background-color: #D6D6D6;
}
.shwtextop {
      font-size: 1.1rem;
      text-align:center;
      color:#FFFFFF;
      width:150px;
      font-weight:700;
      padding:3px 15px 3px 0;
      border-bottom:1px solid #565656;
}
.shwtexfirst {
      font-size: 1rem;
      text-align:right;
      color:#FFFFFF;
      width:200px;
      font-weight:700;
      padding:3px 15px 3px 0;
      border-top:1px solid #565656;
}
.shwtextno {
      font-size: 1.0rem;
      text-align:center;
       padding:3px 15px 3px 0;
      color: #FF0000;
      font-weight:700;
      border-top:1px solid #565656;
      cursor:default;
}
.shwtextyes {
      font-size: 1.0rem;
      text-align:center;
      padding:3px 15px 3px 0;
      color: #FFFFFF;
      font-weight:700;
      border-top:1px solid #565656;
      cursor:default;
}
.shwtexnext {
      font-size: 1.0rem;
      text-align:right;
      width:150px;
      color:#989898;
      padding:1px 15px 1px 0;
      border-top:1px solid #989898;
}

.shwtextnextno {
      font-size: 1.0rem;
      text-align:center;
       padding:1px 15px 1px 0;
      color: #989898;
      font-weight:400;
      border-top:1px solid #989898;
      cursor:default;
}
.shwtextnextyes {
      font-size: 1.0rem;
      text-align:center;
      padding:1px 15px 1px 0;
      color: #989898;
      font-weight:400;
      border-top:1px solid #989898;
      cursor:default;
}




/** ---------------------------------------------------------------------------------------------------------Datenschutz ------------ **/
.dsgvo_text01 {
      width:100%;
      text-align:justify;
      line-height:1.3em;
      cursor: default;
      padding:0 30px 0 30px;
      font-weight:400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}

.dsgvo_head02 {
      padding: 10px 5px 3px 15px;
      font-size: 1.125rem;
      cursor: default;
      font-weight:700;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.bit_head01 {
      padding: 10px 5px 3px 30px;
      font-size: 1.25rem;
      cursor: default;
      font-weight:700;
}
.bit_head02 {
      padding: 10px 5px 3px 30px;
      font-size: 1.125rem;
      cursor: default;
      font-weight:700;
}
.bit_head03 {
      padding: 10px 5px 3px 30px;
      font-size: 1rem;
      cursor: default;
      font-weight:700;
}
.dsgvo_text02 {
      padding: 0 5px 0 55px;
      width:99%;
      text-align:justify;
      font-weight:400;
      cursor:default;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.bit_text01yes {
      width:100%;
      text-align:justify;
      line-height:1.3em;
      cursor: default;
      color:#6efa7b;
      padding:0 30px 0 72px;
      font-weight:400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}

.bit_text01no {
      width:100%;
      text-align:justify;
      line-height:1.3em;
      cursor: default;
      color:#e27177;
      padding:0 30px 0 72px;
      font-weight:400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
.bit_text01 {
      width:100%;
      text-align:justify;
      line-height:1.3em;
      cursor: default;
      padding:0 30px 0 72px;
      font-weight:400;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
}
/** ---------------------------------------------------------------------------------------------------------Media Queries    ------ **/
@-ms-viewport{
      width:device-width;
}
@media screen and (max-width:750px){
     .imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
     .fl_left, .fl_right{display:block; float:none;}

}
@media screen and (max-width:919px){
     #navimp{display:none !important;}
     #norm_nav{display:none !important;}
     #header #logo{display:none;}
     #info001{display:none !important;}
     #resp_nav {display: block;}
     #forheadbig{display:none !important;}
     #forheadsmal{display:block !important;}
     main{margin-top:85px}
}
@media screen and (min-width:919px){
     #resp_nav {display: none;}
      #forheadsmal{display:none !important;}
}
@media screen and (max-width:900px){

}