:target:before {content: "";display: block;height: 117px;margin: -117px 0 0;}
body {font-size:1.2rem;color:#002e5d;font-family:'Alegreya Sans', serif;}
.body-bg {width:100%;max-width:1920px;margin:auto;position:relative;}
.frame-header *:last-child {margin-bottom:1.4rem;}
h1 {font-weight:600;margin-bottom:0;font-size:32px;}
.frame-kontakt h1 {font-size:43px;position:relative;}
h2 {font-size:32px;margin-bottom:15px;}
.col-xl-4 h2:before {content:url("/fileadmin/Logo/striche.svg");position:absolute;left:0;top:0;width:40px;}
.col-xl-4 h2 {font-size:36px;padding-left:40px;position:relative;}
h3 {font-size:22px;font-weight:600;}
h4 {font-size:18px;font-weight:600;}
.ce-gallery figcaption {text-align:center!important;font-size:80%;font-style:normal!important;}
.bgblue {background:#4472c4;background: linear-gradient(90deg, rgba(3, 52, 143, 1) 0%, rgba(68, 114, 196, 1) 100%);color:#FFFFFF;}
.bgblue a:hover {border-bottom:1px solid #ffe682;}
.bggrey {background: rgb(223,223,223);
background: linear-gradient(96deg, rgba(223,223,223,1) 0%, rgba(237,237,237,1) 33%, rgba(252,252,252,1) 100%);}
.bgwhitegrey {background:#fafafa;}
.scroll-top {background:#4472c4;overflow: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 1020;
  color: #ffffff;
  bottom: 20px;
  right: 0px;
  position: fixed;width: 40px;
  height: 40px;
  opacity:0;
}
.scroll-top-visible {opacity: 1;}
.scroll-top .scroll-top-icon {color:#FFFFFF;transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;}
.scroll-top .scroll-top-icon::before {
  content: "";
  position: absolute;
  height: 30%;
  width: 30%;
  border-top: 1px solid;
  border-left: 1px solid;
  top: 55%;
  left: 55%;
  transform: translate(-50%,-50%);
}

.frame-layout-1 {background: rgb(223,223,223);
background: linear-gradient(96deg, rgba(223,223,223,1) 0%, rgba(237,237,237,1) 33%, rgba(252,252,252,1) 100%);padding-bottom:30px;}


main a, main a:link {text-decoration:none;border-bottom:1px solid #4472c4;color:#4472c4;}
main a:hover {opacity:.8;}
.frame-kontakt {padding:10px;color:#FFFFFF;height:235px;background: #4472c4;background: linear-gradient(90deg, rgba(3, 52, 143, 1) 0%, rgba(68, 114, 196, 1) 100%);}
.frame-kontakt .container {}
.frame-kontakt a, .frame-kontakt a:link, .fax {position:relative;color:#FFFFFF;text-decoration:none;padding:5px 10px 8px 35px;}
.frame-kontakt a:hover {opacity:.8;}
.frame-kontakt .image a {background:transparent;}
.frame-kontakt a:before {content:url(../Icons/map-icon.svg); width:25px;height:25px;position:absolute;top:1px;left:1px;}
.frame-kontakt a[href^="tel:"], a[data-mailto-token] {position:relative;}
.frame-kontakt a[href^="tel:"]:before {
    content: url(../Icons/phone-solid.svg);
    width: 20px;    height: 20px;
    position: absolute;
    top: 8px;
    left: 5px;
}

.frame-kontakt a[data-mailto-token]:before {
    content: url(../Icons/envelope-solid.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.frame-kontakt .logo {margin-top:15px;position:relative;padding-right:50px;width:fit-content;}
.frame-kontakt .logo:after {content:url("/fileadmin/Logo/striche-weiss.svg");position:absolute;right:0;top:5px;width:40px;}
.frame-kontakt .address {right:80px;top:50px;transition: all 0.5s ease;padding-left:6px;padding-top:15px;}
.frame-kontakt.scrolled .address a {pointer-events:none}
.frame-kontakt.scrolled .address {position:fixed;right:0;background:#4472c4;top:150px;z-index:1;width:338px;transform: translateX(calc(100% - 40px));}
.frame-kontakt.scrolled .address.collapsed {transform: translateX(calc(100% - 338px))}
.frame-kontakt.scrolled .address.collapsed a {pointer-events:auto;}

main ul {padding-left:3px;margin-bottom:20px;}
main ul li {list-style:none;position:relative;padding-left:1.1em;}
main ul li::before {content:"";position:absolute;left:0;top:12px;width:0.3em;height:0.3em;background:#4472c4;transform:rotate(45deg);display:inline-block;}

.ce-gallery figcaption {font-style:italic;margin-top:5px;text-align:right;}

section {position:relative;}
main section {padding-top:50px;padding-bottom:30px;}


@media (min-width: 992px) {
.frame-kontakt .container {display:flex;justify-content:space-between;}
.frame-kontakt .address {position:absolute;padding-top:15px;}
.frame-mt-100 {margin-top:-100px;}
}

@media (min-width: 1100px) {
	.section-default {margin-top:30}
.frame-kontakt {width:100%;padding:50px;}
.frame-kontakt.scrolled {}
}

@media (min-width: 1200px) {
  .frame-w50 {max-width:42%;margin-left:auto;margin-right:auto;}
.frame-ml-40 {margin-left:40px;}
.padl100 {padding-left:100px;}
  .colorbox {padding:50px;}
  .colorbox .ce-row {display:flex;align-items:center;justify-content:space-between;}
.section-default .colorbox .ce-textpic.ce-right {display:flex;flex-direction:row-reverse;}
.section-default .colorbox .ce-textpic.ce-right .ce-gallery {display:flex;}
.section-default .colorbox .ce-textpic.ce-right .ce-gallery img {max-width:100%;}
.frame-kontakt .colorbox {display:flex;justify-content:space-between;}
  .colorbox .ce-row .ce-column {margin-right:45px;}
  .header.fixed, .fiximagebox {background-attachment:fixed;}
.powermail_fieldwrap.layout1 {width:33.33333%;display:inline-flex;flex-direction:column;align-items:center;}
.powermail_fieldwrap.layout2 {width:50%;}
.col.col-md-2 {width:19.666667%;display:flex;justify-content:center;text-align:center;}
.col.col-md-2 img {width:50px;height:auto;}
}

@media (min-width: 1400px) {
	.frame-kontakt .ce-textpic {max-width: 1320px;margin:auto;}
}

@media (max-width: 1199px) {  
  .colorbox, section.welle .colorbox {padding:30px 0 30px 0!important;}
  .col.col-md-2 {width:100%;display:flex;justify-content:center;text-align:center;}
.frame-type-b13-2cols .row {gap:40px;}
  }

@media (max-width: 1099px) {
	.frame-kontakt .ce-textpic {flex-direction:column;}
	.frame-kontakt .ce-bodytext {margin-top:30px;}
}

@media (max-width: 991px) {
  nav .container {max-width:90%;}
}

@media (max-width: 767px) {
	.frame-kontakt .addresslinks {flex-direction:column;}
	.frame-kontakt .addresslinks p {margin: 13px auto}	  
	.container {padding-right:30px;}
	.frame-space-after-extra-large {margin-bottom:3rem;}
	h1 {font-weight:600;margin-bottom:30px;font-size:26px;text-transform:uppercase;}
.frame-kontakt h1 {font-size:27px;margin-bottom:18px;}
.frame-kontakt h1::before {top:2px;}
.frame-kontakt .address {font-size:90%;}
.frame-kontakt .container {padding:0;}
h2 {font-size:28px!important;margin-bottom:35px;}
.ce-gallery figcaption {margin-bottom:50px;}
h3 {font-size:20px;font-weight:600;}
h4 {font-size:18px;font-weight:700;}
}
