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

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

@font-face {
    font-family: 'Square721 Ex BT Bold';
    src: url('sqr721be-webfont.eot');
    src: url('sqr721be-webfont.eot?#iefix') format('embedded-opentype'),
         url('sqr721be-webfont.woff2') format('woff2'),
         url('sqr721be-webfont.woff') format('woff'),
         url('sqr721be-webfont.ttf') format('truetype'),
         url('sqr721be-webfont.svg#square721_bdex_btbold') format('svg');
}

@font-face {
    font-family: 'Square721 Ex BT';
    src: url('sqr721e-webfont.eot');
    src: url('sqr721e-webfont.eot?#iefix') format('embedded-opentype'),
         url('sqr721e-webfont.woff2') format('woff2'),
         url('sqr721e-webfont.woff') format('woff'),
         url('sqr721e-webfont.ttf') format('truetype'),
         url('sqr721e-webfont.svg#square721_ex_btroman') format('svg');
}

body{
    font-family: 'Square721 BT Roman'; text-indent: 10; font-size:13pt;
}

p, td{
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.25em;
    hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.ulmiddot {
    line-height: 1.25em;
}

.nobr {
    white-space: nowrap
}

h1 {
    font-family: 'Square721 Ex BT'; font-size: 18pt; margin-top: 4px; margin-bottom: 10px;
}

.h1 {
    font-family: 'Square721 Ex BT'; font-size: 18pt; margin-top: 4px; margin-bottom: 10px;
}

h2 {
    font-family: 'Square721 Ex BT'; font-size: 14pt; margin-top: 0px; margin-bottom: 10px;
}

.h2 {
    font-family: 'Square721 Ex BT'; font-size: 14pt; margin-top: 0px; margin-bottom: 10px;
}

h3 {
    font-family: 'Square721 Ex BT'; font-size: 12pt; margin-top: 20px; margin-bottom: 0px;
}

.h3 {
    font-family: 'Square721 Ex BT'; font-size: 12pt; margin-top: 20px; margin-bottom: 0px;
}

h4 {
    font-family: 'Square721 Ex BT'; font-size: 10pt; margin-top: 20px; margin-bottom: 0px;
}

.h4 {
    font-family: 'Square721 Ex BT'; 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; }

.blocksatz{
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.25em;
    hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.content-footer {
    color: #303030;
}

.ueberschrift-modal {
    font-family: 'Square721 Ex BT'; font-size: 14pt; margin-top: 2px; margin-bottom: 0px; color: #303030;
}

.farbe-modal {
    color: #303030;
}

.farbe-link {
    color: #00A046;
}

.stichwort {
    font-weight: bold; color: #404040;
}

.bildschatten {  
box-shadow: 6px 6px 5px #848484;
}

.seitenanfang {  
text-align: right; font-size:11pt;
}

.widthpx-300 { max-width:300px; }
.widthpx-400 { max-width:400px; }
.widthpx-500 { max-width:500px; }
.widthpx-510 { max-width:510px; }
.widthpx-550 { max-width:550px; }
.widthpx-600 { max-width:600px; }
.widthpx-700 { max-width:700px; }
.widthpx-800 { max-width:800px; }

.form-unterstrich {
padding: 6px 10px;
width: 300px;
max-width: 100%;
border: none;
margin-top: 1px;
margin-right: 8px;
font-size: 1em;
border-bottom: #333 solid 2px;
transition: 0.3s;
text-align: center;
}

.form-tlds{
width: 100px;
text-align: left;

    -webkit-appearance: none;
    appearance: none;

}

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


a:hover{
    color: #005023;
}

.btn{
    font-family: 'Square721 Ex BT';
    font-size: 16px;
}


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

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

.alert-info {
    color: white;
    background-color: #00A046;
    border-color: #005023;
}

#accordion .card-header:hover{
    background: #00A046;
}

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

form div.form-group > label{
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 5px;
}

#accordion .card{
    margin-bottom: 10px;
	border-width: 1px;
	border-color: #E0E0E0;
	background-color: #FFFFFF;
    border-radius: 0px;
}

#FullBlock{
    margin-top: 20px;
}

#FullBlock .card-columns .card-body{
    background: black;
    color: white;
    padding: .5rem 1.25rem;
}

#FullBlock .card-body h5{
    margin: 0px;
}

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

.logo{
    max-width: 240px;
}

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

#mainmenu{
    position: absolute;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.85);
    width: 65%;
}

#mainmenu > ul > li{
    list-style: square;
    line-height: 12px;
}

#mainmenu > ul > li > ul > li{
    list-style: none;
    line-height: 9px;
}

#mainmenu > ul > li > ul > li > a{
    display: inline;
    vertical-align: middle;
}

#mainmenu > ul > li > a:before{
    content: "";
    margin-right:5px;
    font-size: 12px;
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
}

#mainmenu > ul > li > ul > li > a:before
{
    content: url(../images/dot-submenu.png);
    margin-right:2px;
    font-size: 12px;
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
}

.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, 0.5);
    width: 100%;
}

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

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

#accordion .card-header{
    background: black;
    border-radius: 0px;
}

#accordion .card-header > h5 > button {
    color: white;
    display: inline-block;
    width: 100%;
    text-align: left;
    white-space: normal;
}
#accordion .card-header > h5 i{
    position: absolute;
    right: 1em;
    top: 1em;
}

#accordion .card-border{
	border-color: black;
    border-style: solid;
    border-width: 1px;
}

ul.navbar-nav > li > a{
    font-weight: normal;
    font-family: "Square721 BT Roman";
}

ul.navbar-nav > li > a[href="impressum"], ul.navbar-nav > li > a[href="datenschutz"], ul.navbar-nav > li > a[href="kontakt"]{
    font-weight: normal;
    font-family: "Square721 BT Roman";
}

.card-columns .card{
    border: none;
}

.card-columns .card-border{
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
}

.card-columns .card-border-dotted{
    border-style: dotted;
    border-width: 1px;
    padding: 1.5rem;
}

.container {
    padding: 0px !important;
}

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

@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;
    }

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

    .rfooter a{
        color: white;
    }

}

@media only screen and (max-width: 500px){
    #mainmenu {
        width: 65% !important;
    }
    h1{font-size: 150%;}
    h2{font-size: 130%;}
    h3{font-size: 110%;}
    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: 1921px){
    body{overflow: hidden;}
    body, #FullBlock{height: calc(100vh - 60px);}

    #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;     
    }
    
    /*.border {
        border: 1px solid #dee2e6!important;
    }*/
    /*#FullBlock .row{margin-right: -10px !important;} */
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;}
    #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;}

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

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

    
}

@media (max-width: 1921px){
    #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: 1921px) 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;
            
        }
        
    }
  }

@media (max-width:1921px) and (min-width: 1281px){
    .card-columns-1{
        column-count: 1;
    }
    .card-columns-2{
        column-count: 2;
    }
    .card-columns-3{
        column-count: 3;
    }
    .card-columns-4{
        column-count: 4;
    }
    .bild-umfluss{max-width:40% !important;}
    .bild-umfluss-links{max-width:40% !important;}
    .bild-umfluss-ohne{max-width:100% !important;}
}

@media (max-width:1280px) and (min-width: 576px){
    .card-columns-1{
        column-count: 1;
    }
    .card-columns-2{
        column-count: 2;
    }
    .card-columns-3{
        column-count: 2;
    }
    .card-columns-4{
        column-count: 2;
    }
    .bild-umfluss{max-width:40% !important;}
    .bild-umfluss-links{max-width:40% !important;}
    .bild-umfluss-ohne{max-width:100% !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: 'Square721 Ex BT';}
#LeftBlock > div.row.p-4 > div > h5{line-height: 1.8;}
#FullBlock .card-body h5{font-size: 1.05rem;}
/*#FullBlock .row{margin-left: -10px;} */

#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: 1921px) and (min-width: 992px) and (max-height:540px){
    #mainmenu{
        max-height: 70vh;
        overflow-y: auto;
      /*  border-bottom: 1px #3e3e3e solid; */
    }
    .collapsing{overflow-y: hidden;}
}

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

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