@font-face {font-family: "font-standard";
  src: url("fonts/Square721BT-Roman.eot"); /* IE9*/
  src: url("fonts/Square721BT-Roman.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/Square721BT-Roman.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/Square721BT-Roman.woff") format("woff"), /* chrome、firefox */
  url("fonts/Square721BT-Roman.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/Square721BT-Roman.svg#Verdana") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "font-headline";
  src: url("fonts/Square721ExBT.eot"); /* IE9*/
  src: url("fonts/Square721ExBT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/Square721ExBT.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/Square721ExBT.woff") format("woff"), /* chrome、firefox */
  url("fonts/Square721ExBT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/Square721ExBT.svg#Verdana") format("svg"); /* iOS 4.1- */
}

body{
    font-family: 'font-standard'; 
	color: #303030;
	text-indent: 10; 
	font-size:13pt; 
	text-align: justify; 
    line-height: 1.25em; 
    hyphens: auto; 
    -moz-hyphens: auto; 
    -o-hyphens: auto; 
    -webkit-hyphens: auto; 
    -ms-hyphens: auto; 
}

h1 { font-family: 'font-headline'; font-size: 18pt; margin-top: 4px; margin-bottom: 10px; }
.h1 { font-family: 'font-headline'; font-size: 18pt; margin-top: 4px; margin-bottom: 10px; }
h2 { font-family: 'font-headline'; font-size: 14pt; margin-top: 0px; margin-bottom: 10px; }
.h2 { font-family: 'font-headline'; font-size: 14pt; margin-top: 0px; margin-bottom: 10px; }
h3 { font-family: 'font-headline'; font-size: 12pt; margin-top: 20px; margin-bottom: 0px; }
.h3 { font-family: 'font-headline'; font-size: 12pt; margin-top: 20px; margin-bottom: 0px; }
h4 { font-family: 'font-headline'; font-size: 10pt; margin-top: 20px; margin-bottom: 0px; }
.h4 { font-family: 'font-headline'; font-size: 10pt; margin-top: 20px; margin-bottom: 0px; }

.m5 { font-size:8pt; }
.m4 { font-size:9pt; }
.m3 { font-size:10pt; }
.m2 { font-size:11pt; }
.m1 { font-size:12pt; }
.std { font-size:13pt; }
.p1 { font-size:14pt; }
.p2 { font-size:15pt; }
.p3 { font-size:16pt; }
.p4 { font-size:17pt; }
.p5 { font-size:18pt; }
.p6 { font-size:19pt; }
.p7 { font-size:20pt; }

.header-content { font-family: 'font-headline'; font-size: 18pt; }
.footer-content { font-family: 'font-headline'; font-size: 12pt; }
.content-footer { color: #303030; font-size:8pt; text-align: right; }
.ueberschrift-modal { font-family: 'font-headline'; font-size: 14pt; }
.farbe-modal { color: #303030; }
.nobr { white-space: nowrap }
.bildschatten { box-shadow: 6px 6px 5px #848484; }

.widthpx-400 { max-width:400px; }

p, td {
    margin-top: 10px;
    margin-bottom: 10px;
}

a{
    color: #00A046;
    outline: 0;
}
a:hover, a:active, a:focus,button:focus {outline: 0 !important;}


a:hover{
    color: #005023;
}

.btn{
    font-family: 'font-headline'; font-size: 16px;
}


.btn-primary{
    background: #00A046;
    border:  #00A046;
}

.btn-primary:hover{
    background: #005023 !important;
    border:  #0000FF !important;
    color: white !important
}

.iconWidthFix a{
    min-width: 38px;
    display: inline-block;
}

.logo{
    max-width: 240px;
}

.pushToBottom{
    position: absolute;
    bottom: 15px;
    margin: 0 auto;
    width: 100%;
    display: block;
}

.text-white a{
    color: white;
}

.text-white ul > li > a{
    
    display: block !important;
}

.text-white ul > li > a.active, ul > li > a:hover{
    background: rgba(0,160,70,.5);
    width: 100%;
}

.iconWidthFix a:hover{
    background: rgba(0,160,70,.5);
    text-decoration: none;
}

.pushToBottom a.text-white:hover{
    color:#005023!important
}

.container {
    padding: 0px !important;
}

.bild-umfluss {float:right;margin:5px 0px 15px 50px;max-width: 50%;}
#RightBlock .img-100 {max-width:100%;}

.bild-umfluss-links {float:left;margin:5px 50px 15px 0px;max-width: 50%;}
#RightBlock .img-100 {max-width:100%;}

#LeftBlock{
	background-color: black;
    color: white;
    position: relative;
}

/* ------------ Media ------------ */

@media only screen and (min-width: 992px) and (max-width: 1010px){
#LeftBlock > div.row.p-4 > div > h5{}
}

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

    #FullBlock{
        min-height: calc(100vh - 64px);
        margin: 0px !important;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    #mainmenu{
        width: 40%;
    }

    #LeftBlock .iconWidthFix,
    #LeftBlock > div.text-center.p-5,
    #LeftBlock > div.text-center.pushToBottom{
        display: none !important;
    }

    .ricons{
        background: white;
        display: block !important;
        /* position: fixed; */
        bottom: 0px;
        width: 100%;
        padding: 5px;
    }

    .ricons a{
        color: black;
    }

    .rfooter{
        background-color: black;
        display: block !important;
        /* position: fixed; */
        bottom: 0px;
        width: 100%;
        padding: 20px;
    }

}

@media only screen and (max-width: 500px){
    #mainmenu {
        width: 65% !important;
    }
    h1{font-size: 120%;}
    h2{font-size: 100%;}
    h3{font-size: 90%;}
    h4, h5 h6{font-size: 100%;}
    #LeftBlock > div.row.p-4 > div > h5{}
    
}
@media only screen and (max-width: 600px){.bild-umfluss{float: unset !important;margin: 20px auto !important;display: block;max-width:100% !important;}}
@media only screen and (max-width: 600px){.bild-umfluss-links{float: unset !important;margin: 20px auto !important;display: block;max-width:100% !important;}}

@media only screen and (min-width: 992px){
    #RightBlock{        
        overflow: auto;
    }
    /*#FullBlock .row{margin-right: -17px; margin-left: -10px;} */
}

@media (min-width: 1931px){
    body{overflow: hidden;}
    body, #FullBlock{height: calc(100vh - 40px);}

    #FullBlock{
        margin-top: 0px;
        -ms-overflow-style: none !important;
        overflow-y: auto;
        padding-left: 15px !important;
        padding-right: 15px !important;
        overflow-x: hidden;   
        max-width: 1000px !important;     
    }

    #mainmenu{max-width:396.4px !important;    margin-left: -15px !important;}
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #LeftBlock .iconWidthFix, #LeftBlock > div.text-center.p-5, #LeftBlock > div.text-center.pushToBottom {
        display: none !important;
    }
    #LeftBlock {
        height: unset;
     
    }
    #RightBlock{overflow-y: hidden !important;}

    .ricons{
        background: white;
        display: block !important;
        /* position: fixed; */
        bottom: 0px;
        width: 100%;
        padding: 5px;
        max-width: 1000px;
        margin: 0 auto;
    }

    .ricons a{
        color: black;
    }

    .rfooter{
        background-color: black;
        display: block !important;
        /* position: fixed; */
        bottom: 0px;
        width: 100%;
        padding: 10px;
        max-width: 1000px;
        margin: 0 auto;
    }
}

@media (min-width: 992px){
    .container {
        max-width: 1931px !important;
    }

    
}

@media (max-width: 1931px){
    #FullBlock{
        margin-top: 0px !important;
        overflow-y: auto;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }
}

@media (max-width: 1931px) and (min-width: 992px){
    #LeftBlock,#RightBlock{
        height: 100vh;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    #mainmenu{
        max-height: 75vh;
        overflow-y: auto;
       /* border-bottom: 1px #3e3e3e solid; */
    }
    .collapsing{overflow-y: hidden !important;}
    
}

@media (max-width: 991px){
    #RightBlock{
        border: none !important;
        
    }
    
}

@-moz-document url-prefix() {
    @media (max-width: 991px){
        #RightBlock{
            overflow-y: -moz-hidden-unscrollable !important;
            
        }
        
    }
  }


#back-to-top {
    position: fixed;
    bottom: 15px;
    right: 25px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}

#LeftBlock > div.row.p-4 > div > h5, #LeftBlock > div.text-center.pushToBottom > a, #FullBlock .card-body h5{font-family: 'font-headline';}
#LeftBlock > div.row.p-4 > div > h5{line-height: 1.8;}

#RightBlock{overflow: overlay !important;overflow-y:scroll;overflow-style: overlay;}

@media only screen and (max-height:585px){

    .logo {
        max-width: 100px;
    }
    #LeftBlock > div.text-center.p-5{padding: 2rem!important;}
}

@media only screen and (max-height:540px){
    .logo {max-width: 100px;}
    .carousel-inner{max-height:200px;}
    #LeftBlock > div.text-center.p-5{padding: 0rem 2rem 2rem 2rem !important;}
    #LeftBlock > div.text-center.pushToBottom > a{font-size: 13px;}
}

@media only screen and (max-width: 1931px) and (min-width: 992px) and (max-height:540px){
    #mainmenu{
        max-height: 70vh;
        overflow-y: auto;
      /*  border-bottom: 1px #3e3e3e solid; */
    }
    .collapsing{overflow-y: hidden;}
}