/* 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:24px;line-height:32px;font-weight:normal;color:#fff;background:#96626b;}
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:fixed;top:0;left:0;z-index:999999;}
#top {width:1200px;margin:0 auto;display:flex;justify-content:space-between;}
#logo {font-family: 'interbold', sans-serif;font-size:90px;line-height:90px;color:#a1b1ce;padding:0 60px 0 0;display:flex;align-items:center;}
#logo a:link, #logo a:visited {color:#a1b1ce;text-decoration:none;text-transform:uppercase;}
#logo a:focus, #logo a:hover, #logo a:active {color:#6c6296;}
nav {background:#b8c2d5;flex:0 0 400px;width:400px;padding:20px;}
nav ul {list-style-type: none;display:flex;flex-wrap:wrap;}
nav li {padding:0 60px 0 0;}
nav li:first-child {display:none;} /*Intro*/
nav a:link, nav a:visited {font-family:'interregular', sans-serif;font-size:36px;line-height:42px;font-weight:normal;color:#fff;text-decoration: none;text-transform:uppercase;}
nav a:focus, nav a:hover, nav a:active {color:#6c6296;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
main {background:#c48b7a;margin:124px 0 0;}
.bg_red {background:#c48b7a;}
.bg_white {background:#fff;color:#000;}
.bg_light {background:#d4dbe9;color:#000;}
.bg_dark {background:#a1b1ce;}
#row2, #row3, #row4, #row5, #row6, #row7 {display:none;}
.contentframe {width:1200px;margin:0 auto;padding:60px 0;}
.contentframe p {margin:0 0 20px;}
.contentframe ul {margin:0 0 20px 50px;}
.contentframe h1 {font-family:'interbold', sans-serif;font-size:70px;line-height:80px;color:#ffefd3;margin:0 0 20px;}
.contentframe h2 {font-family: 'bitterregular', sans-serif;font-size:55px;line-height:65px;padding:0 0 20px;color:#ffefd3;}
.contentframe h3 {font-family: 'bitterregular', sans-serif;font-size:35px;line-height:45px;padding:0 0 20px;color:#ffefd3;}
#row6 .contentframe ul {list-style:none;}
#row5 li, #row6 li {}
#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:inline-block;margin:30px 0 0 0;font-family:'interbold',sans-serif;font-weight:normal;font-size:30px;line-height:30px;text-transform:uppercase;color:#fff;background:#96626b;border-radius:50px;border:4px solid #96626b;text-align:center;padding:20px 60px;}
.contentframe a.btn:focus, .contentframe a.btn:hover, .contentframe a.btn:active, .bg_dark .contentframe a.btn:focus, .bg_dark .contentframe a.btn:hover, .bg_dark .contentframe a.btn:active {color:#6c6296;background:#fff;}
.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:1200px;margin:0 auto;padding:60px 0;display:flex;justify-content:space-between;align-content:flex-end;}
footer ul {list-style:none;}
footer li {padding:0 0 10px 0;text-align:right;}
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 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;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu, .slicknav_menu {display:none;}
.slicknav_btn {position:fixed;display: block;vertical-align: middle;right:10px;top:20px;cursor: pointer;text-decoration: none;background:transparent;z-index:999999; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0; }
.slicknav_menu {*zoom: 1;position:relative; box-sizing: border-box;background: #fff;padding:0;}
.slicknav_menu * {box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {display: block;float: left; }
.slicknav_menu .slicknav_icon {display:none; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu:before {content: " ";display: table; }
.slicknav_menu:after {content: " ";display: table;clear: both; }
.slicknav_nav {clear: both; position:fixed;top:0;left:0;z-index:99999;background:#b8c2d5;width:100%;color: #fff;padding:60px 20px 50px 20px;list-style: none;overflow: hidden;box-sizing:border-box;}
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 15px;margin: 0 0.4em 0 0;float:right;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline; padding: 0;margin: 0; }
.slicknav_nav .slicknav_row {display: block; }
.slicknav_nav .slicknav_parent-link a {display: inline;padding: 0;margin: 0;  }
.slicknav_nav a {display: block;font-family:'interbold', sans-serif;font-size:24px;line-height:36px;font-weight:normal;color:#fff;text-decoration: none;text-transform:uppercase;}
.slicknav_nav a:hover {color: #6c6296; }
.slicknav_nav li.menu-current a:hover {color: #6c6296; }
.slicknav_nav li li a {padding:0 0 0 40px;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current  a {color:#6c6296;}
.slicknav_nav ul li.menu-current  li a {color:#fff;}
.slicknav_nav li.menu-current li a:hover {color: #6c6296; }
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NACH OBEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position:fixed;bottom:20px;right:20px;display: none;z-index:1000;width:80px;height:80px;border:none;background:rgba(250,250,250,.7);cursor:pointer;text-align:center;padding:30px 10px 10px;border-radius:40px;box-sizing:border-box;}
.move-up i,.move-up:active i {border:solid #6c6296;border-width:0 3px 3px 0;display:inline-block;padding:15px;transform: rotate(-135deg);}
.move-up:hover {background:rgba(255,255,255,1);}
.move-up:hover i {border:solid #6c6296;border-width:0 3px 3px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RESPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1600px) {
#logo {flex:1 1 60%;width:60%;}
#top {width:100%;margin:0;padding:0 0 0 20px;}
nav {flex:1 1 40%;width:40%;}
main {margin:124px 0 0;}
.contentframe, #footerframe {width:100%;margin:0}
.bg_red, .bg_white, .bg_light, .bg_dark, footer {padding:0 20px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1300px) {
body {font-size:22px;line-height:28px;}
main {margin:112px 0 0;}
#logo {font-size:80px;line-height:80px;padding:6px 40px 0 0;}
nav li {padding:0 30px 0 0;}
nav a:link, nav a:visited {font-size:28px;line-height:36px;}
.contentframe a.btn:link, .contentframe a.btn:visited, .bg_dark .contentframe a.btn:link, .bg_dark .contentframe a.btn:visited {font-size:30px;line-height:30px;}
#row5 li, #row6 li, .contact {font-size:22px;line-height:28px;}
.contact {padding:50px 0 0;}
.box_gray {padding:30px;font-size:40px;line-height:50px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1050px) {
img {max-width:100%;width:auto;height:auto;}
.js #menu {display:none;}
.slicknav_menu {display:block;}
#logo {padding:20px;}
nav {display:none;}
.colframe {flex-wrap:wrap;}
.col:nth-child(1) {flex:1 1 100%;width:100%;padding:0 0 30px;}
.col:nth-child(2) {flex:1 1 100%;width:100%;padding:0;}
#row5 .col:nth-child(1), #row5 .col:nth-child(2) {flex:1 1 100%;width:100%;}
#row3 .col:nth-child(1) {order:2;}
#row3 .col:nth-child(2), #row7 .col:nth-child(2) {order:1;}
#row5 .col:nth-child(2) {display:none;}
#row7 .col:nth-child(1) {display:none;}
#row5, #row6 {text-align:center;}
#row5 ul {display:flex;align-items:center;flex-direction:column;}
#row6 li {text-align:center;padding:0 0 10px 0;}
#row6 li:before {display:block;margin:0;}
.box {flex:1 1 49%;width:49%;}
.contentframe .contact p {margin:0 0 30px;}
.contentframe ul {margin:0 0 30px 30px;}
.contentframe a.btn:link, .contentframe a.btn:visited, .bg_dark .contentframe a.btn:link, .bg_dark .contentframe a.btn:visited {margin:15px 0 0 0;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 700px) {
body {font-size:18px;line-height:24px;}
#logo {font-size:40px;line-height:40px;padding:20px 40px 20px 0;}
main {margin:80px 0 0;}
nav a:link, nav a:visited {font-size:28px;line-height:36px;}
.contentframe h1 {font-size:45px;line-height:50px;}
.contentframe h2 {font-size:30px;line-height:35px;padding:0 0 10px;}
.contentframe h3 {font-size:28px;line-height:32px;padding:0 0 10px;}
.contentframe a.btn:link, .contentframe a.btn:visited, .bg_dark .contentframe a.btn:link, .bg_dark .contentframe a.btn:visited {font-size:24px;line-height:24px;}
#row5 li, #row6 li, .contact {font-size:18px;line-height:24px;}
.boxframe {gap:0;flex-direction:column;}
.box {flex:1 1 100%;width:100%;}
.box_gray {padding:20px;font-size:35px;line-height:40px;}
#footerframe {flex-wrap:wrap;}
#footerinfo, #footernav {width:100%;text-align:center;padding:20px 0;}
footer li {padding:0 0 10px 0;text-align:center;}
}