a, abbr, acronym, address, blockquote, body, cite, dd, del, dfn, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, label, legend, li, ol, p, small, span, strong, sub, sup, u, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100.01%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: transparent;
}
div, html, img, object {
    margin: 0;
    padding: 0;
    background: transparent;
}

a{ border:none;outline: none;}


*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #9b9b9b;
}

/* ---------------------- allgemeines ------------ */
html{scroll-behavior:smooth}

html, body {
    height: 101%;
    width: 100%;
}


div#top {
    position: absolute;
    top: 0;
}
.bgrcontent {position: relative;z-index:0;}


/* ------------------- breiten -------------------- */
.texte {
    max-width: 1375px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    z-index: 10;
}
@media screen and (max-width:2020px) {
.texte {
    padding-left: 5%;
    padding-right: 4%;
}
}

@media screen and (max-width:1200px) {
.texte {
    padding-left: 4%;
}
}


.texte p a {font-weight: 400;color:#33564b;text-decoration: underline;}
.texte a:hover,.texte a:active{text-decoration: none;}

.bgrtexte{width:100%;margin:0 auto;text-align:center;position: relative;}

@media screen and (min-width:801px) {
.naviicon {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: 0.5em 0 0 0.5em;
    font-size: 3em;
    opacity: 0.3;
    position: fixed;
    right: 0;
    z-index: 9;
    bottom: 20%;
    font-size: 3em;
}
.naviicon a {
    color: #000000;
    display: block;
    padding: 0.8em 0.1em;
    text-decoration: none;
}
}
@media screen and (max-width:800px){
.naviicon {display:none;}
}


/* --------------------- Sturmnotruf --#a80000------------
    background-size: cover;


.bgrtexte.stretchall,.bgrtexte.etwasstretch,.bgrtexte.stretchunten,.bgrtexte.stretchoben,.bgrtexte.stretchh2  {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 85%;
    transform-origin: 50% 85%;
}
*/

@media screen and (min-width: 1201px) {
.stretchall {
    padding-top: 4.5em;
    padding-bottom: 4em;
}
.stretchall2 {
    padding-top: 7em;
    padding-bottom: 6em;
}
.etwasstretch {
    padding-top: 2.5em;
    padding-bottom: 2em;
}
.stretchunten {
    padding-bottom: 4em;
    padding-top: .1em;
}
.stretchoben {
    padding-top: 4.5em;
    padding-bottom: .1em;
}
.stretchoben2 {
    padding-top: 7em;
    padding-bottom: .1em;
}
.stretchunten2 {
    padding-bottom: 7em;
    padding-top: .1em;
}
.stretchh2 {
    padding-top: 1.5em;
    padding-bottom: 1em;
}
}


@media screen and (max-width: 1200px) {
.stretchall {
    padding-top: 6vw;
    padding-top: 3.5em;
    padding-bottom: 5vw;
    padding-bottom: 4em;
}
.stretchall2 {
    padding-top: 7em;
    padding-bottom: 7em;
}
.etwasstretch {
    padding-top: 2.5em;
    padding-bottom: 2em;
}
.stretchunten {
    padding-bottom: 4em;
    padding-top: .1em;
}
.stretchoben {
    padding-top: 3.5em;
    padding-bottom: .1em;
}
.stretchoben2 {
    padding-top: 6em;
    padding-bottom: .1em;
}
.stretchunten2 {
    padding-bottom: 5em;
    padding-top: .1em;
}
.stretchh2 {
    padding-top: 1.5em;
    padding-bottom: 1em;
}
}

@media screen and (max-width: 700px) {
.stretchall {
    padding-top: 2em;
    padding-bottom: 2em;
}
.stretchall2 {
    padding-top: 6em;
    padding-bottom: 5em;
}
.etwasstretch {
    padding-top: 2em;
    padding-bottom: 1.5em;
}
.stretchunten {
    padding-bottom: 2em;
    padding-top: .1em;
}
.stretchoben {
    padding-top: 2em;
    padding-bottom: .1em;
}
.stretchoben2 {
    padding-top: 6em;
    padding-bottom: .1em;
}
.stretchunten2 {
    padding-bottom: 5em;
    padding-top: .1em;
}
.stretchh2 {
    padding-top: 1.3em;
    padding-bottom: 1em;
}
}


/* --------------------- Blockabstaende -------------- */


.mittig,.wortmittig{margin-left:auto;margin-right:auto;}
.linksseitig{margin-left:0;margin-right:auto;}
.rechtsseitig{margin-left:auto;margin-right:0;}
.wortmittig h1,.wortmittig h2,.wortmittig h3,.wortmittig p{text-align:center;}



.breite100{max-width:100px;}
.breite150{max-width:150px;}
.breite200{max-width:200px;}
.breite230{max-width:230px;}
.breite300{max-width:300px;}
.breite400{max-width:400px;}
@media screen and (min-width:601px) {
.breite500{max-width:500px;}
.breite600{max-width:600px;}
.breite600li{max-width:600px;}
.breite600re{max-width:600px;}
.breite660li{max-width:660px;}
.breite660re{max-width:660px;}
.breite690li{max-width:690px;}
.breite690re{max-width:690px;}
.breite700li{max-width:700px;}
.breite700re{max-width:700px;}
}
@media screen and (min-width:651px) {
.breite660li{margin-top: -1.8em;}
.breite660re{margin-top: -1.8em;}
}
@media screen and (max-width:650px) {
.breite660li{margin-top: -.6em;}
.breite660re{margin-top: -.6em;}
}
.breite700{max-width:700px;}
.breite800{max-width:800px;}
.breite900{max-width:900px;}
.breite1000{max-width:1000px;}
.breite1100{max-width:1100px;}
.breite1200{max-width:1200px;}
.breite1300{max-width:1300px;}
.breite1400{max-width:1400px;}


/* --------------------- zweispaltig/dreispaltig --------------  */

.dreispaltig,.zweispaltig { margin-top: 2em;}
.dreispaltig.trennlinie,.zweispaltig.trennlinie {
    -moz-column-rule: 1px dotted #ccc;
    -o-column-rule: 1px dotted #ccc;
    -webkit-column-rule: 1px dotted #ccc;
    column-rule: 1px dotted #ccc;
}

@media screen and (min-width:1201px) {
.zweispaltig,.dreispaltig {
    -moz-column-gap:7%;
    -o-column-gap:7%;
    -webkit-column-gap:7%;
    column-gap:7%;
    -ms-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}

@media screen and (min-width:1501px) {
.dreispaltig {
    -moz-column-gap:3%;
    -o-column-gap:3%;
    -webkit-column-gap:3%;
    column-gap:3%;
    -ms-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
}
@media screen and (min-width:801px) and (max-width:1200px) {
.zweispaltig,.dreispaltig{
    -moz-column-gap:7%;
    -o-column-gap:7%;
    -webkit-column-gap:7%;
    column-gap:7%;
    -ms-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}

@media screen and (max-width:900px) {
.ab900 .zweispaltig  {
    -ms-column-count: unset;
    -moz-column-count: unset;
    -o-column-count: unset;
    -webkit-column-count: unset;
    column-count: unset;
}
}
/* --------------------- scrollbar --------------   */
@media screen and (min-width:1201px) {
#navimobil {display:none;}
}
@media screen and (max-width:1200px) {
#navimobil{
    position: fixed;
    z-index: 101;
    right: .6em;
    top: 5.7em;
    transition: ease .4s;
}
#navimobil a {
    padding:1.5em 0.5em 0.3em 0.5em;
}
}

@media screen and (min-width:1201px) {
.header.topp {display:none;}
.navibox p.geoeffnet {
    color: #000;
    margin-top: 0.4em;margin-right: 0.5em;
}
}
@media screen and (max-width:1200px) {
.kopf,.header img{transition: ease .4s;}
p.geoeffnet {
    font-size: .9em;
}
.header {
    padding-bottom: 0.4em;
    padding-top: 0.4em;
    width: 100%;
}
.header.topp {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
}
.header img {
    width: 100%;
    height: auto;
    max-width: 220px;
    float: left;
    margin-right: .5vw;
    margin-left: 4vw;
}
.header.topp .anruf a {
    padding: 0.6em 0 0.45em 0;
}
.bgrnavi .header {
    display: none;
}
}
@media screen and (max-width:540px) {
#navimobil {top: 2.3em;}
.kopf {margin: 0;}
}

@media screen and (max-width:500px) {
#navimobil {top: 3.3em;}
}
@media screen and (max-width:550px) {
.header img {margin-left: 1vw;max-width: 54vw;padding-top: .5em;}
}
@media screen and (max-width:450px) {
.header img {margin-left:0;max-width: 50vw;}
#navimobil {top: 2.3em;}
}
@media screen and (max-width:340px) {
#navimobil {top: 8.3em;margin:0 auto;}
.header img {margin-left:0;max-width: 50vw;}
}
@media screen and (max-width:300px) {
.header img {margin: 0 5%;width: 90vw;}
}






.bgrcontent .kontaktinfo p{line-height:1.5em;}

.kontaktinfo p.anfrage {
    font-size: 1.3em;
    text-align:center;
}

p.anfrage a  {
    display:block;
    padding: 1em 2em;
    color: #fff;transition: border-radius .4s linear;}

.bgrtexte p.anfrage a  {
    background: #46b500;
    border-radius:1.5em 0;
    color:#fff;
}
p.anfrage a:hover,p.anfrage a:focus,p.anfrage a:active{border-radius:1.5em;}

/* ---------------- toptext ----------
 border-left: 5px solid #fff;
    padding: .2em 0;
*/
.toptext {
    position: absolute;
    margin-left: 3em;
    margin-right: 4%;
    /* background: rgb(0 0 0 / 26%); */
    /* border: 1px solid #afafaf;
    font-weight: 400;
    line-height: 8vw!important;*/
}
.texte h1.topabsolute {
    color: #fff;
    color: #c1c1c1;
}
.hinterh1 {
    margin-top: 0;
    letter-spacing: 0.4em;
    text-transform: uppercase;
  /*  background: #e62243;
    background: #8b9300;
    background: #4d4d4d;
    background: #181717;
     background: #d17900; */
    display: block;
    /* padding: 0.7em; */
    /* text-shadow: 0.05vw 0.05vw 0 #484848; */
    /* font-weight: 700; */
}



@media screen and (min-width: 401px) {
h1.topabsolute:before {
    content: '';
    position: absolute;
    top: -25px;
    left: -48px;
    border-left: 4px solid #939393;
    height: 155px;
}
h1.topabsolute:after {
    content: '';
    position: absolute;
    top: -25px;
    left: -48px;
    border-top: 4px solid #939393;
    width: 176px;
}
}
/*

    margin: -3px 4px;
    background: rgb(0 0 0 / 34%);
    padding: 1.3vw;
    border-left: 1px solid #fff;
    text-shadow: .2vw .2vw 0 #484848;
    text-shadow: .2vw .2vw 0 #484848;
    text-shadow: .2vw .2vw 0 #484848;
*/

@media screen and (min-width: 2001px) {
.toptext {
    bottom: 7em;
}
.texte h1.topabsolute {
    font-size: 4em;
}
.hinterh1 {
    font-size: 2rem;
}
}
@media screen and (min-width:1521px) and (max-width: 2000px) {
.toptext {
    bottom: 5em;
}
.texte h1.topabsolute {
    font-size: 4em;
}
.hinterh1 {
    font-size: 2rem;
}
}

@media screen and (min-width: 1201px) and (max-width: 1520px) {
.toptext {
    bottom: 4em;
}
.texte h1.topabsolute {
    font-size: 3.5em;
}
.hinterh1 {
    font-size: 1.6rem;
}
}



@media screen and (min-width: 901px) and (max-width: 1200px) {
.toptext {
    bottom: 4em;
}
.texte h1.topabsolute {
    font-size: 3.5em;
}
.hinterh1 {
    font-size: 1.5rem;
}
}

@media screen and (max-width: 900px) {
.toptext {
    bottom: 4em;
}
.texte h1.topabsolute {
    font-size: 3em;
}
.hinterh1 {
    font-size: 1.4rem;
}
}

@media screen and (max-width: 400px) {
.toptext {
    margin-left: 1.5em;
}
.texte h1.topabsolute {
    font-size: 16vw;
}
.hinterh1 {
    font-size: 6.4vw;
    line-height: 110%;
    letter-spacing: 0.05em;
    margin-top: 1em;
}
}

@media screen and (min-width: 1201px) {
.bgrcontent {
    margin-top: 55px;
}
.stick {
    position: sticky;
    top: 90px;}
}
@media screen and (max-width: 1200px) {
.bgrcontent {
    margin-top: 54px;
}
.stick {
    position: sticky;
    top: 150px;}
}


/*
.htg-beige { --background: linear-gradient(-45deg, #004C63 0%, #000000 100%);}

.schreg::before {
    content: "";
    background: var(--background);
    width: 100vw;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: -1;
    transform: skewy(-2deg) translateX(-50%);
    transform-origin: 50% 0;
    backface-visibility: hidden;
    outline: 1px solid rgba(0,0,0,0);
}
*/