@font-face{font-family:'lato-regular'; font-display:swap; font-style: normal; font-weight: 400; src: local('Lato'), local('Lato-Regular'), url("/fonts/lato-regular.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'lato-light'; font-display:swap; font-style: normal; font-weight: 300; src: local('Lato'), local('Lato-Light'), url("/fonts/lato-light.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

html {max-width:100%; height:100%; -webkit-font-smoothing:antialiased;}
body {max-width:100%; margin:0 auto;}

body, li, h1, p {font-family:"lato-regular",Arial,Helvetica;}
h2, h3, a {font-family:"lato-light",Arial,Helvetica;}
img {max-width:100%; height:auto;}
section {display:block; padding:4rem 0;}

.container {max-width:75rem;}
.columns {padding-top:1rem; padding-bottom:1rem;}
.unterstrich {border-bottom:0.0625rem solid #9e9e9e; margin-bottom:2rem;}
.unterstreichen {border-bottom:0.0625rem solid #9e9e9e;}
.linkpadding {padding-left:2rem;}
.logo_untertitel {font-size:1rem; color:#7a7a7a;}
.blau {color:#212F3D;}

h1 {color:#454545;}
h2 {font-size:1.75rem; color:#284E62;}
h3 {font-size:1.5rem; font-weight:bold;}

#headline {padding:3rem 0 1rem;}
.untertitel {text-align:center; text-transform:uppercase;}
.untertitel2 {font-size:.75rem;}

h1 span::after {margin-left:10px;}
h1 span::before, h1 span::after {font-family:"Font Awesome 5 Free"; color:#1C5F83; font-size:1rem; content:"\f111"; display:inline-block;}
h1 span::before {margin-right:10px;}
h1 span {position:relative; top:4px; display:inline-block;} 

a:link, a:visited{color:#454545; text-decoration:none;}
a:hover{color:#545454;}

.menu{display:inline-block; padding:7px 10px; text-transform:uppercase; position:relative; transition:all 0.3s ease 0s;}
.menu:before, .menu:after{content:""; width:0; height:2px; background:#82C91E; position:absolute; top:0; left:50%; transition:all 0.3s ease 0s;}
.menu:after{top:auto; bottom:0;}
.menu:hover:before, .menu:hover:after{width:100%; left:0;}
@media only screen and (max-width: 767px){.menu {margin-bottom:0.5rem;}}

.read-more {display:inline-block; padding:7px 10px; border:1px solid #fff; border-radius:10px; color:#fff; background:#82c91e; color:#fff; text-transform:capitalize; transition:all 0.5s ease 0s; margin-bottom:1rem;}
.read-more:hover {color:#fff; background:#085f30;}

#cookies {font-size:1rem; background:#3d3d3d; padding:0.5rem; color:#fff;}
#cookies .textlink {color:#fff;}
#cookies .card {background:transparent; border:none;}
.smiliefarbe {color:#82c91e; font-size:1.25rem;}

#page_header {margin-bottom:0.5rem; padding:.5rem 0; box-shadow: 0px 8px 8px 0px rgba(5,5,5,0.70);}
#page_header a:link, #page_header a:visited, #page_header a:hover, 
#page_footer a:link, #page_footer a:visited, #page_footer a:hover {color:#fff;}

#page_footer {margin-top:2rem; padding:.5rem 0;}
#page_footer .nav-link {padding:0 1rem 0 0;}

#logozeile .navbar {display:inline;}

.hgf1 {background:#284E62; color:#fff;}
.hgf2 {background:#B1B1B1; color:#333;}
.hgf3 {background:#3d3d3d; color:#fff;}
.hgf4 {background:#212F3D; color:#fff;}
.hgf5 {background:#373737; color:#fff;}
.hgf6 {background:#373737; color:#fff;}


#infoboard{position:fixed; background:rgba(33,33,33,0.85); top:0; left:0; z-index:1050; width:100%; height:100%; overflow-x:hidden; overflow-y:auto;}
#infoboard .container{margin-top:1rem;}
#infoboard .card-body{padding:0;}
#infoboard .card{border:none;}
#infoboard .h2 {font-size:1.75rem; color:#284E62; font-family:"lato-light",Arial,Helvetica;}

#infoboard .h2, #infoboard p{margin:0.5rem;}
#infoboard .btn-primary, .btn-secondary{background-color:transparent; border-color:#343434; text-align:left;}
#infoboard .btn-primary {color:#FFFFFF;}
#infoboard a:link {font-weight:bold;}
.kartenlink:link, .kartenlink:visited, .kartenlink:hover{color:#333; margin:0.5rem;}

.d_grau{background:#343434;}
.igruen{color:#99b977;}
.irot {color:#ff883b;}

#linkinfo {position:absolute; left:0px; top:-240px; z-index:99; height:0;}
#linkinfo .card {background-color: #fefefe; background-clip: border-box; box-shadow: 0 0 1rem #ed5100; border: 1px solid rgba(0,0,0,.125); border-radius: 1rem;}

@media screen and (max-width:39.9375em) {
h1 {font-size:1.4rem; margin-bottom:1rem;}
h2 {font-size:1.4rem;}
a, p, li {font-size:1.2rem}}

@media only screen and (max-width: 767px){
#cookies .textlink {padding-right:2rem;}
.smart-link {margin-bottom:0.75rem;}
.smart-link2 {margin-top:1rem; margin-bottom:1rem;}
#page_footer .nav-item {margin-bottom:1rem;}}