/* Dreger Standardseite */
@font-face {font-family: 'interbold';src: url('../fonts/inter-bold-webfont.woff2') format('woff2'),url('../fonts/inter-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'interregular';src: url('../fonts/inter-regular-webfont.woff2') format('woff2'),url('../fonts/inter-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'bitterbold';src: url('../fonts/bitter-bold-webfont.woff2') format('woff2'),url('../fonts/bitter-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'bitterregular';src: url('../fonts/bitter-regular-webfont.woff2') format('woff2'),url('../fonts/bitter-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;font-display: block;src:url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");}
body {font-family:'interregular', sans-serif;font-size:18px;line-height:24px;font-weight:normal;color:#000;}
img {border:none;}
* {margin:0;padding:0;box-sizing:border-box;font-weight:normal;}
a, input, img, button,li {-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
b, strong {font-family:'interbold', sans-serif;font-weight:normal;}
.fa,.fas {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900;}
.fa-envelope::before {content: '\f0e0';}
.fa-phone::before {content: '\f095';}
.fa-globe::before {content: '\f0ac';}
.fa-laptop::before {content: '\f109';}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
header {width:100%;background:#d4dbe9;position:static;top:0;left:0;z-index:999999;padding:0 30px;}
#top {width:100%;margin:0;}
#logo {font-family: 'interbold', sans-serif;font-size:60px;line-height:60px;color:#a1b1ce;width:100%;padding:20px 0;text-align:center;}
#logo a:link, #logo a:visited {color:#a1b1ce;text-decoration:none;text-transform:uppercase;}
nav {display:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
main {background:#c48b7a;padding:0 30px;}
.contentframe {width:100%;margin:0padding:60px 0;}
.contentframe p {margin:0 0 20px;}
.contentframe ul {margin:0 0 20px 50px;}
.contentframe h1 {font-family:'interbold', sans-serif;font-size:45px !important;line-height:50px !important;margin:0 0 20px;}
.contentframe h2 {font-family: 'bitterregular', sans-serif;font-size:30px !important;line-height:35px !important;padding:0 0 20px;}
.contentframe h3 {font-family: 'bitterregular', sans-serif;font-size:28px !important;line-height:32px !important;padding:0 0 20px;}
.large {display:inline-block;font-size:90px !important;position:relative;top:10px !important;} /* Herz */
.contentframe ul {list-style:none;}
#row6 li:before {font-family: 'Font Awesome 5 Solid';font-weight: 900;margin:0 0 0 -25px;color:#96626b;}
#row6 li:nth-child(1):before {content:'\f109';padding:0 20px 0 0;}
#row6 li:nth-child(2):before {content:'\f0ac';padding:0 22px 0 3px;}
#row7 .col:last-child {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.contentframe a:link, .contentframe a:visited {font-family:'interbold', sans-serif;color: #E0E0E0;text-decoration:none;font-weight:normal;}
.contentframe a:focus, .contentframe a:hover, .contentframe a:active {color: #6c6296;}
.contentframe a.btn:link, .contentframe a.btn:visited, .bg_dark .contentframe a.btn:link, .bg_dark .contentframe a.btn:visited {display:none;}
.bg_dark .contentframe a:link, .bg_dark .contentframe a:visited {color: #fff;}
.contentframe a:focus, .contentframe a:hover, .contentframe a:active {color: #6c6296;}
.bg_dark .contentframe a:focus, .bg_dark .contentframe a:hover, .bg_dark .contentframe a:active {color: #6c6296;}
.box_gray {background:#d4dbe9;border-radius:50px;color:#96626b;padding:60px;text-align:center;font-family:'bitterregular',serif;font-size:50px;line-height:60px;}
.box_gray strong, .box_gray b  {font-family:'bitterbold',serif;}
.contact {padding:90px 0 50px;text-align:center;}
.contentframe .contact p {margin:0 0 60px;}
.colframe {display:flex;justify-content:space-between;}
.col:nth-child(1) {flex:1 1 40%;width:40%;}
.col:nth-child(2) {flex:1 1 60%;width:60%;padding:0 0 0 60px;}
.col img {max-width:100%;width:auto;height:auto;border-radius:30px;}
#row5 .col:nth-child(1) {flex:1 1 60%;width:60%;}
#row5 .col:nth-child(2) {flex:1 1 40%;width:40%;}
.boxframe {display:flex;justify-content:space-between;gap:2%;flex-wrap:wrap;}
.box {flex:1 1 31%;width:31%;color:#6c6296;font-weight:normal;background:#fff;color:#000;border-radius:50px;border:4px solid #96626b;text-align:center;padding:20px 30px;display:flex;align-items:center;justify-content:center;margin:0 0 2%;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
footer {background:#96626b;color:#E0E0E0;}
#footerframe {width:100%;margin:0;padding:60px 0;}
footer a:link, footer a:visited {color: #E0E0E0;text-decoration:none;font-weight:normal;}
footer a:focus, footer a:hover, footer a:active {color: #a1b1ce;}
#footerinfo {text-align:center;}
#footerinfo p:nth-child(1), #footerinfo p:nth-child(2) {font-family: 'bitterregular', sans-serif;font-size:40px;line-height:50px;}
#footerinfo p:nth-child(2) {margin:0 0 24px 0;}
#footernav {display:none;}
#menu, .slicknav_menu {display:none;}
.slicknav_btn {display:none;}
.move-up {display:none;}