@charset "utf-8";
/* CSS Document */
@import url('https://fonts.cdnfonts.com/css/teleneo-office');
@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-ExtraBoldItalic.eot');
  src: url('fonts/TeleNeo-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-ExtraBoldItalic.woff2') format('woff2'),
      url('fonts/TeleNeo-ExtraBoldItalic.woff') format('woff'),
      url('fonts/TeleNeo-ExtraBoldItalic.ttf') format('truetype'),
      url('fonts/TeleNeo-ExtraBoldItalic.svg#TeleNeo-ExtraBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-RegularItalic.eot');
  src: url('fonts/TeleNeo-RegularItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-RegularItalic.woff2') format('woff2'),
      url('fonts/TeleNeo-RegularItalic.woff') format('woff'),
      url('fonts/TeleNeo-RegularItalic.ttf') format('truetype'),
      url('fonts/TeleNeo-RegularItalic.svg#TeleNeo-RegularItalic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-ThinItalic.eot');
  src: url('fonts/TeleNeo-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-ThinItalic.woff2') format('woff2'),
      url('fonts/TeleNeo-ThinItalic.woff') format('woff'),
      url('fonts/TeleNeo-ThinItalic.ttf') format('truetype'),
      url('fonts/TeleNeo-ThinItalic.svg#TeleNeo-ThinItalic') format('svg');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-MediumItalic.eot');
  src: url('fonts/TeleNeo-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-MediumItalic.woff2') format('woff2'),
      url('fonts/TeleNeo-MediumItalic.woff') format('woff'),
      url('fonts/TeleNeo-MediumItalic.ttf') format('truetype'),
      url('fonts/TeleNeo-MediumItalic.svg#TeleNeo-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-Medium.eot');
  src: url('fonts/TeleNeo-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-Medium.woff2') format('woff2'),
      url('fonts/TeleNeo-Medium.woff') format('woff'),
      url('fonts/TeleNeo-Medium.ttf') format('truetype'),
      url('fonts/TeleNeo-Medium.svg#TeleNeo-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'fonts/TeleNeo';
  src: url('fonts/TeleNeo-ExtraBold.eot');
  src: url('fonts/TeleNeo-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-ExtraBold.woff2') format('woff2'),
      url('fonts/TeleNeo-ExtraBold.woff') format('woff'),
      url('fonts/TeleNeo-ExtraBold.ttf') format('truetype'),
      url('fonts/TeleNeo-ExtraBold.svg#TeleNeo-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-Thin.eot');
  src: url('fonts/TeleNeo-Thin.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-Thin.woff2') format('woff2'),
      url('fonts/TeleNeo-Thin.woff') format('woff'),
      url('fonts/TeleNeo-Thin.ttf') format('truetype'),
      url('fonts/TeleNeo-Thin.svg#TeleNeo-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-Regular.eot');
  src: url('fonts/TeleNeo-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-Regular.woff2') format('woff2'),
      url('fonts/TeleNeo-Regular.woff') format('woff'),
      url('fonts/TeleNeo-Regular.ttf') format('truetype'),
      url('fonts/TeleNeo-Regular.svg#TeleNeo-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo';
  src: url('fonts/TeleNeo-Bold.eot');
  src: url('fonts/TeleNeo-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-Bold.woff2') format('woff2'),
      url('fonts/TeleNeo-Bold.woff') format('woff'),
      url('fonts/TeleNeo-Bold.ttf') format('truetype'),
      url('fonts/TeleNeo-Bold.svg#TeleNeo-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TeleNeo Ultra';
  src: url('fonts/TeleNeo-Ultra.eot');
  src: url('fonts/TeleNeo-Ultra.eot?#iefix') format('embedded-opentype'),
      url('fonts/TeleNeo-Ultra.woff2') format('woff2'),
      url('fonts/TeleNeo-Ultra.woff') format('woff'),
      url('fonts/TeleNeo-Ultra.ttf') format('truetype'),
      url('fonts/TeleNeo-Ultra.svg#TeleNeo-Ultra') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


body {
  background: #FFF;
  /* font-family: 'TeleNeo Office', sans-serif; */
  font-family: 'TeleNeo';
}

section.bannerpicture {
  text-align: center;
  }

#LEISTUNG .innerCardsIcon .iconSBlock img{width:auto;}



/* Footer */
.mainFooter {
  background: #000000;
  padding: 50px 0;
}
.mainFooter .footerLinks {
  margin-left: auto;
  margin-right: 0;
  display: table;
}
.mainFooter .footerLinks ul {
  margin: 0;
  list-style-type: none;
}
.mainFooter .footerLinks ul li {
  margin-left: 55px;
}
.mainFooter .footerLinks ul li a {
  color: #FFF;
  font-size: 18px;
  font-family: 'TeleNeo', sans-serif;
}
/* Contact Form */
#KONTAKT {
  padding: 145px 0;
}
#KONTAKT input.form-control {
  border-radius: 6px;
  height: 38px;
  border: 1px solid #262626;
  margin-bottom: 40px;
  font-size: 17px;
  color: #929296;
  line-height: 38px;
  padding: 7px 15px 5px;
  font-family: 'TeleNeo', sans-serif;
}
#KONTAKT textarea.form-control {
  border-radius: 6px;
  height: 280px;
  border: 1px solid #262626;
  margin-bottom: 40px;
  font-size: 17px;
  color: #929296;
  line-height: 38px;
  padding: 7px 15px 5px;
}
#KONTAKT #theForm #flexCheckDefault {
  margin: 0;
  position: relative;
}
#KONTAKT #theForm .checkBox {
  margin-right: 10px;
}
#KONTAKT #theForm .form-check-label, #KONTAKT #theForm p {
  max-width: 710px;
  font-size: 20px;
  color: #929296;
  line-height: 22px;
  font-family: 'TeleNeo', sans-serif;
}
#KONTAKT #theForm .submited.btn.btn-primary {
  background: #E20074;
  border-radius: 6px;
  border: 0;
  font-size: 20px;
  height: 50px;
  width: 130px;
  font-family: 'TeleNeo', sans-serif;
}
#KONTAKT h2 {
  margin-bottom: 15px !important;
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
  font-family: 'TeleNeo', sans-serif;
}
#KONTAKT h2 + p {
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 30px;
  color: #929296;
  font-family: 'TeleNeo', sans-serif;
}
/* Header */
.header {
  box-shadow: 0px 3px 10px #00000029;
  position: relative;
  z-index: 9;
}
.header .logo img {
  line-height: 1;
  display: block;
}
.header .headerBlock {
  display: flex;
  align-items: center;
}
.header .headerBlock .menusBlock ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  margin-left: 55px;
}
.header .headerBlock .menusBlock ul li.items {
  margin-right: 45px;
  line-height: 1;
  position: relative;
}
.header .headerBlock .menusBlock ul li.items a {
  color: #262626;
  font-size: 18px;
  line-height: 1;
  font-weight: 800;
}
.header .headerBlock .menusBlock ul li.items::before {
  width: 100%;
  background: #E20074;
  height: 3px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -26px;
  transform: translateY(5px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.header .headerBlock .menusBlock ul li.items:hover::before {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header .headerBlock .menusBlock ul li.items a:hover {
  text-decoration: none;
  color: #E20074;
}
/* Banner */
.banner .bannerImageText {
  position: relative;
}
.banner .bannerImageText .bannerTextBlock.image-with-text {
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 1145px;
  margin: 0 auto;
  padding: 0 15px;
  left: 0;
  right: 0;
}
.banner .bannerImageText .bannerTextBlock.image-with-text h2 {
  color: #FFF;
  position: absolute;
  top: 55px;
  left: 130px;
  z-index: 9;
  font-size: 60px;
  line-height: 70px;
  font-weight: 800;
  max-width: 405px;
}
/* Below banner */
.Willkommen {
  padding: 100px 0 75px;
}
.Willkommen .Willkommen-header, .Willkommen .mobile-address-details {
  max-width: 1140px;
  padding: 0 15px;
  margin: 0 auto;
}
.Willkommen .Willkommen-header h3 {
  margin: 0 0 25px;
  max-width: 730px;
  font-weight: 800;
  font-size: 60px;
  line-height: 70px;
}
.Willkommen .mobile-address-details {
  display: flex;
}
.Willkommen .mobile-address-details > div {
  display: flex;
  align-items: center;
  margin-right: 40px;
  color: #262626;
}
.Willkommen .mobile-address-details > div p {
  margin: 0;
  font-size: 20px;
  padding-top: 3px;
}
.Willkommen .mobile-address-details > div span {
  margin-right: 5px;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div {
  max-width: 1170px;
  margin: 0 auto;
  background: #E20074;
  border-radius: 160px 160px 160px 6px;
  display: flex;
  padding: 50px 150px;
  justify-content: space-between;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Öffnungszeiten {
  width: 320px;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div h3 {
  font-size: 50px;
  font-weight: 800;
  color: #FFF;
  margin-bottom: 20px;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services {
  max-width: 350px;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .time-info {
  display: flex;
  flex-wrap: wrap;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .time-info * {
  width: 50%;
  color: #FFF;
  font-size: 17px;
  line-height: 22px;
  margin: 0 0 20px;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .time-info p {
  text-align: right;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services ul li p {
  font-size: 17px;
  line-height: 22px;
  margin: 0;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services ul li {
  color: #FFF;
  margin-bottom: 20px;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services ul li:last-child {
  margin: 0;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services ul li .bold {
  font-weight: bold;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services ul {
  list-style-type: square;
}
.Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services ul li::marker {
  font-size: 20px
}
.Jetzt-btn {
  padding: 30px 0;
  max-width: 1170px;
  margin: 0 auto;
}
.Jetzt-btn .btn {
  background: #E20074;
  border-radius: 6px;
  border: 0;
  font-size: 21px;
  height: 50px;
  font-family: 'TeleNeo', sans-serif;
  color: #FFF;
  font-weight: 700;
  padding: 0 20px;
}
.Jetzt-btn .btn:hover {
  background: #262626;
}
.Wochenhighlight {
  padding: 160px 0 85px;
}
.Wochenhighlight .heading, .Aktuelles .heading {
  max-width: 1170px;
  margin: 0 auto;
}
.Wochenhighlight .heading h3, .Aktuelles .heading h3 {
  font-size: 50px;
  margin: 0 0 50px;
  font-weight: 800;
}
.Wochenhighlight .row, .Aktuelles .row {
  max-width: 1170px;
  margin: 0 auto;
}
.Wochenhighlight .row .inner-section, .Aktuelles .row .inner-section {
  text-align: center;
}
.Wochenhighlight .row .inner-section .img, .Aktuelles .row .inner-section .img {
  margin-bottom: 25px;
}
.Wochenhighlight .row .inner-section .info * {
  font-size: 20px;
  line-height: 27px;
  display: inline;
  margin: 0;
  font-weight: bold;
}
.Wochenhighlight .row .inner-section .info span {
  padding-right: 5px;
}

.Wochenhighlight .row .inner-section .button .btn {
	background: #F7F7F8;
	border: 1px solid #262626;
	border-radius: 6px;
	color: #262626;
	margin: 30px auto 0;
	padding: 6px 23px;
	box-shadow: none;
}
.Wochenhighlight .row .inner-section .button .btn:hover {
  background: #262626;
  color: #FFF;
}

.Aktuelles .row .inner-section p {
  font-size: 17px;
  line-height: 22px;
  color: #929296;
}
.Aktuelles .row .inner-section .button .read-more {
  font-size: 17px;
  line-height: 22px;
  color: #626262;
  cursor: pointer;
}
.Aktuelles .row .inner-section .button .read-more:hover {
  color: #E20074;
}
.Aktuelles {
  padding-bottom: 190px;
}
#LEISTUNG {
  background: #E20074;
  padding: 70px 0;
}
#LEISTUNG h2.text-white {
  text-align: center;
  margin-bottom: 90px;
  font-weight: bold;
  font-size: 50px;
  line-height: 67px;
}
#LEISTUNG .innerCardsIcon .iconSBlock {
  width: auto;
  margin-right: 15px;
  text-align: center;
  flex: initial;
}

#LEISTUNG .innerCardsIcon .listData {
  font-size: 17px;
  line-height: 23px;
}
#LEISTUNG .innerCardsIcon {
  margin-bottom: 45px;
}
#LEISTUNG .innerCardsIcon h4 {
  font-size: 20px;
  line-height: 23px;
  font-weight: bold;
}
#LEISTUNG .col-md-6:last-child .innerCardsIcon, #LEISTUNG .col-md-6:nth-last-child(2) .innerCardsIcon {
  margin: 0;
}
#LEISTUNG .innerCardsIcon {
  max-width: 385px;
}
.viewBlock iframe {
  width: 100%;
  margin: 200px 0;
  height: 700px;
}
.Glasfaser {
  padding-bottom: 150px;
}
.Glasfaser .row {
  max-width: 1170px;
  margin: 0 auto;
  justify-content: space-between;
}
.Glasfaser .inner-div {
  box-shadow: 0 0 5px #eee;
  border-radius: 6px;
  max-width: calc(100%/4 - 15px);
  padding: 20px;
}
.Glasfaser .inner-div h3 {
  font-weight: 800;
  font-size: 45px;
}
.Glasfaser .inner-div h3 span {
  font-size: 17px;
}
.Glasfaser .inner-div h6 {
  font-weight: 400;
}
.Glasfaser .inner-div i {
  color: red;
}
.Glasfaser .inner-div p {
  font-size: 17px;
  line-height: 22px;
}
.Glasfaser .inner-div p.bold {
  font-weight: bold;
  margin: 0;
}
.Glasfaser .inner-div .amount-details h3 {
  color: #E20074;
  line-height: 1;
  margin: 0;
}
.Glasfaser .inner-div .amount-details {
  margin-top: 50px;
}
.Glasfaser .inner-div .amount-details p {
  margin: 0;
}
.Glasfaser .inner-div .amount-details div:last-child {
  color: #218076;
  font-size: 17px;
  font-weight: bold;
  margin-top: 5px;
}
.Glasfaser .inner-div .amount-details a {
  color: #0F7BA5;
}
.Glasfaser .check-btn {
  border: 1px solid #eee;
  border-radius: 10px;
  margin: 0 auto;
  max-width: 334px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Glasfaser .switch-btn {
  margin-bottom: 50px;
}
.Glasfaser .switch-btn label {
  width: 50%;
  margin: 0;
  padding: 13px 15px;
  text-align: center;
  font-size: 17px;
  line-height: 1;
}
.Glasfaser .switch-btn label input {
  margin-right: 10px;
}
.locationMapBlock .container-fluid {
  max-width: 1110px;
  background: #eee;
  padding: 25px 35px !important;
  border-radius: 6px;
  box-shadow: 0px 0px 10px #00000029;
}
.locationMapBlock .container-fluid .locationBlockView {
  height: 100%;
}
.locationMapBlock .container-fluid .locationBlockView iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.locationMapBlock .locationText p {
  font-size: 17px;
  line-height: 22px;
  color: #929296;
}
.locationMapBlock .locationText h4 {
  font-size: 24px;
  font-weight: 700;
  color: #262626;
}
.locationMapBlock .locationText a{
  text-decoration:none
}
.locationMapBlock .locationText img {
  margin-bottom: 15px;
  max-width: 147px;
}


.magenta .magenta.form {
  border: 1px solid #eee;
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 45px;
}
.magenta .magenta.form h5 {
  font-size: 24px;
  margin-bottom: 20px;
}
.magenta .magenta.form input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #999;
  height: 45px;
  padding: 10px 15px;
  margin-bottom: 15px;
}
.magenta .magenta.form .row + p + div {
  display: flex;
  justify-content: space-between;
}
.magenta .magenta.form .row + p + div label {
  display: flex;
  align-items: center;
  margin: 0;
}
.magenta .magenta.form .row + p + div label input {
  width: 25px;
  height: auto;
  margin: 0;
}
.magenta .magenta.form .row + p + div .btn {
  background: #E20074;
  border-radius: 6px;
  border: 0;
  font-size: 20px;
  height: 40px;
  width: auto;
  font-family: 'TeleNeo', sans-serif;
  color: #FFF;
  padding: 0 25px;
}
.magenta .magenta.form .row + p + div .btn:hover {
  background: #000;
}
.magenta .heading {
  text-align: center;
  margin-bottom: 40px;
  padding: 0 15px;
}
.magenta .heading h4 {
  font-weight: bold;
  font-size: 24px;
}
.magenta .stellen {
  margin: 0 auto 50px;
  max-width: 1140px;
  background: #eee;
  padding: 25px;
  border-radius: 10px;
}
.magenta .stellen .row {
  margin-top: 25px;
}
.magenta .stellen .price-details h3 {
  font-weight: bold;
  color: #E20074;
}
.magenta .stellen .price-details p {
  margin: 0;
}
.magenta .stellen p {
  font-size: 17px;
}
.magenta .stellen p.bold {
  font-weight: bold;
}
.magenta .stellen .discription, .magenta .description {
  min-height: 140px;
  padding-left: 25px;
}
.magenta .stellen .price-details {
  padding-left: 25px;
}
.sliderInnerImages img.w-full {
  width: 100%;
}

img#Wochenhighlight-img {
  width: 100%;
}

  /* Customize the label (the container) */
.custom-radio-btn {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.custom-radio-btn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFF;
  border-radius: 50%;
  border: 1px solid #999;
}

/* On mouse-over, add a grey background color */
.custom-radio-btn:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radio-btn input:checked ~ .checkmark {
  background-color: #FFF;
  border: 1px solid #999;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio-btn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio-btn input:checked ~ .checkmark:after {
  display: block;
}

.custom-radio-btn .checkmark:after {
  top: 4px;
  left: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #E20074;
} 

.Glasfaser .check-btn label.active {
  color: #E20074;
  border: 1px solid #E20074;
  border-radius: 10px;
}
.Glasfaser .check-btn .Glasfaser-Tarife.active i, .Glasfaser .check-btn label.active i {
  display: inline-block;
  margin-right: 5px;
}
.Glasfaser .check-btn label i {
  display: none;
}
.Glasfaser .check-btn label.active {
  color: #E20074;
  border: 1px solid #E20074;
  border-radius: 10px;
}
.Glasfaser .check-btn .Glasfaser-Tarife.active i, .Glasfaser .check-btn label.active i {
  display: inline-block;
  margin-right: 5px;
}
.Glasfaser .check-btn label i {
  display: none;
}
.Glasfaser .inner-div .info > div > div {
  display: flex;
  padding-left: 0;
}
.Glasfaser .inner-div .info > div > div i {
  position: absolute;
  left: 0;
  font-size: 18px;
  top: 2px;
  color: #E20074;
}
.Glasfaser .inner-div .info {
  position: relative;
  padding-left: 25px;
}
.Glasfaser .inner-div .amount-details .credit {
  display: flex;
  margin-top: 10px !important;
}
.Glasfaser .inner-div .amount-details .credit i {
  color: #218076;
  margin-right: 10px;
}

#WochenhighlightModal .modal-dialog .modal-content {
  background: #F7F7F8;
  border: 1px solid #262626;
  border-radius: 6px;
  text-align: center;
}

#WochenhighlightModal .modal-dialog .modal-content h3 {
  font-size: 30px;
  line-height: 40px;
  margin: 50px 0;
}
#WochenhighlightModal .modal-dialog .modal-content .modal-header {
  border: 0;
}
#WochenhighlightModal .modal-dialog .modal-content .close {
  border: 2px solid #000;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 40px;
  line-height: 1;
  padding: 6px;
  color: #000;
  margin: 7px 10px 0 auto;
  opacity: 1;
}

.button .btn {
  margin: 0 auto;
  display: table;
  background: #E20074;
  color: #FFF;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 600;
  padding: 7px 25px;
    box-shadow: none;
}

.Glasfaser .button {
  padding-top: 45px;
  border-radius: 8px;
}
.button .btn:hover {
  background: #000;
}

.banner .bannerImageText>.banner-back-image>img {
    width: 100%;
    min-height: 514px;
    object-fit: cover;
}

/* 01 jan 25 */
.Wochenhighlight .row .inner-section .img img, .Aktuelles .row .inner-section .img img {
    width: 100%;
}
.magenta .heading {
    margin-inline: auto;
}
.Aktuelles .heading, .Öffnungszeiten-Unsere-Services, section.locationMapBlock, .Wochenhighlight .heading, section.magenta {
    padding-inline: 15px;
}
section.Glasfaser .inner-div .info>div>div {
    position: relative;
}
section.Glasfaser .inner-div .info>div>div i {
    left: -24px;
}
#KONTAKT #theForm .checkBox input, .magenta .magenta.form .row + p + div label input {
    width: 16px;
    height: 16px;
    accent-color: #e20074;
}
.magenta .magenta.form .row + p + div label {
    gap: 10px;
}
.magenta .magenta.form .row + p + div label input[type="checkbox"] {
    position: relative;
    top: -1px;
}
.Wochenhighlight .modal {
    padding-right: 0 !important;
}

.cookiebannerContainer {
  width: 100%;
  height: 100%;
  float: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  top: 0;
}

.cookiebannerContent {
  width: 100%;
  max-width: 1200px;
  height: auto;
  float: none;
  position: relative;
  background: #fff;
  padding: 2.5rem 2rem 2rem;
  margin: 0 auto;
  overflow-y: auto;
  font-family: var(--fontFamAvenir);
}

.cookiebannerContent::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  border-radius: 2px !important;
}

.cookiebannerContent::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 1.0) !important;
}

.cookiebannerContent::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 1.0) !important;
}

div#cookiebannerContainer .cookiebannerContent.center p {
  font-size: 20px;
  margin: 0 0 20px;
  text-align: left;
}

.cookiebannerContent.top {
  top: 0;
  left: 0;
}

.cookiebannerContent.bottom {
  top: calc(100% - 320px);
  left: 0;
}

.cookiebannerContent.center {
  top: calc(50% - 160px);
  left: 0;

}

.cookiebannerContent label.title {
  width: 100%;
  font-size: 2.4em;
  font-weight: 700;
  color: #000;
}

.cookiebannerContent label.text {
  width: 100%;
  height: auto;
  float: left;
  font-size: 2em;
  color: #000;
}

.cookiebannerContent label.checkboxtext {
  width: auto;
  height: 20px;
  float: none;
  font-size: 1em;
  color: #000;
  cursor: default;
}

.cookiebannerContent label.checkboxtext:hover {
  cursor: pointer;
}

.cookiebannerContent label.text a {
  width: auto;
  float: none;
  color: #E20074;
  text-decoration: none;
  cursor: default;
}

.cookiebannerContent label.text a:hover {
  color: var(--blackColor);
  text-decoration: underline;
  cursor: pointer;
}

.cookiebannerContent button[type=button] {
  width: max-content;
  height: auto;
  float: right;
  background: #E20074;
  color: #fff;
  border: 2px solid var(--blackColor);
  box-sizing: border-box;
  border-radius: 5px;
  cursor: default;
  padding: 4px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookiebannerContent button[type=button]:hover {
  background: #fff;
  color: var(--blackColor);
  border: 2px solid var(--blackColor);
  cursor: pointer;
}

.cookiebannerContent button[type=checkbox] {
  width: 16px;
  height: 16px;
  float: none;
  vertical-align: sub;
  cursor: default;
}

.cookiebannerContent button[type=checkbox]:hover {
  cursor: pointer;
}

.cookiebannerElement_width {
  width: 25%;
}

.cookiebannerContent .cookie-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
}
#setbanner{
  height: auto;
  background: #E20074;
  color: #fff;
  border: 2px solid var(--blackColor);
  box-sizing: border-box;
  border-radius: 5px;
  cursor: default;
  padding: 4px 20px;
}
div#ImpressumModal, div#DatenschutzModal {
  padding: 0 !important;
}

div#ImpressumModal .modal-dialog, div#DatenschutzModal  .modal-dialog {
  max-width: 100%;
  margin: 0;
  left: 0;
  border-radius: 0 !important;
}

div#ImpressumModal .modal-dialog .modal-content {
  border-radius: 0;
}

div#ImpressumModal .modal-dialog .modal-content .modal-header ,  div#DatenschutzModal  .modal-dialog .modal-content .modal-header{
  background: #E20074;
}

div#ImpressumModal .modal-dialog .modal-content .modal-header button.close,  div#DatenschutzModal  .modal-dialog .modal-content button.close{
  margin: 0;
  color: #fff;
  opacity: 1;
  font-size: 30px;
}

div#ImpressumModal .modal-dialog .modal-body {
  height: calc(100vh - 72px);
  overflow: auto;
}

div#ImpressumModal .modal-dialog .modal-body .entry-content h1 {
  font-size: 30px;
  font-weight: 800!important;
  margin: 0 0 25px;
}

div#ImpressumModal .modal-dialog .modal-body .entry-content span {
  font-size: 18px;
}

._tariff-container_1jnqq_6 ._tariffs-button_1jnqq_26 {
  margin-bottom: 30px;
}

div#angebotImage {
  ul.slick-dots {
      li button {
          border-color: black;
      }
  }
}

.sha {
  position: absolute;
  top: 0;
  right: 0;

  span {
      width: 40px;
      height: 40px;
      display: block;
      background-color: #c6c6c6;
      margin-bottom: 7px;
      border-radius: 50%;
      background-size: 29px !important;
      background-repeat: no-repeat;
      background-position: 50%;

      &.zurueckbutton_container_wh {
          &:hover {
              span {
                  background-image: url(../images/pfeil_zurueck_hover.png);
              }
          }
      }

      &:hover {
          background-color: black;
      }

      span {
          background-size: 100%;
      }
  }
}

.fbshare_icon_wh {
  background-image: url(../images/icon-share-white.png);
}

.whashare_icon_wh {
  background-image: url(../images/icon-share-whatsapp-white.png);
}

.mailshare_icon_wh {
  background-image: url(../images/icon-mailoutline-white.png);
}

.zurueckbutton_wh {
  background-image: url(../images/pfeil_zurueck.png);
}


.innerCardBlock .imagesCardBlock {
  position: relative;
}

.Aktuelles .row.aktuelles-carousel button.slick-arrow, .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow {
  position: absolute;
  top: 0;
  font-size: 0;
  width: 58px;
  height: calc(100% - 62px);
  background: transparent;
  border: 0;
  background-position: 50%;
  background-image: url(../images/linksArrow.png);
  background-size: 100%;
  z-index: 1;
  background-repeat: no-repeat;;
}

.Aktuelles .row.aktuelles-carousel button.slick-arrow:after, .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow:after {
  content: "\f054";
  font-family: "Font Awesome 6 free";
  font-weight: 800;
  font-size: 30px;
}

.Aktuelles .row.aktuelles-carousel button.slick-arrow.slick-prev, .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-prev {
  transform: rotate(-180deg) translateY(50%);
  left: 90px;
}

.Aktuelles .row.aktuelles-carousel button.slick-arrow.slick-next , .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-next  {
  right: 60px;
}

.Aktuelles .row.aktuelles-carousel .slick-list.draggable, .innerCardBlock .imagesCardBlock .angebotImageSlider {
  padding: 0 30px;
}

.Aktuelles .row.aktuelles-carousel .slick-list.draggable .inner-section img, .innerCardBlock .imagesCardBlock .angebotImageSlider img {
  max-width: 800px;
  margin: 0 auto;
}

.Aktuelles .row.aktuelles-carousel .slick-list.draggable .inner-section p.default-aktuelle-content {
  max-width: 800px;
  margin: 20px auto;
}

.innerCardBlock .imagesCardBlock .angebotImageSlider {
  margin-bottom: 50px;
}

.innerCardBlock .imagesCardBlock div#angebotImage ul.slick-dots {
  display: none !important;
}
.innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-next {
  right: 60px;
}

.innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-prev {
  left: 60px;
}


section#KONTAKT>.container>.row {
  margin: 0;
}

section#KONTAKT>.container>.row form#customcontactForm {
  max-width: 1200px;
  box-shadow: 0 0 36px -12px #000000bf;
  border-radius: 20px;
  width: 100%;
  padding: 20px;
}

section#KONTAKT>.container>.row form#customcontactForm .row {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
section#KONTAKT>.container>.row form#customcontactForm .row .form-group {
  margin: 0;
  max-width: calc(100%/3 - 20px);
  width: 100%;
}

section#KONTAKT>.container>.row form#customcontactForm .row .form-group label {
  font-size: 18px;
  font-weight: 700;
}

section#KONTAKT>.container>.row form#customcontactForm .row .form-group input {
  margin: 0;
  border-radius: 4px;
  transition: .2s all ease;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  font-weight: 700;
  font-family: inherit;
  height: auto !important;
  background: transparent;
  border: 1px solid #ddd;
  color: #000;
}

section#KONTAKT>.container>.row form#customcontactForm .row .form-group:has(input[type="hidden"]) {
  display: none;
}

section#KONTAKT>.container>.row form#customcontactForm .row .form-group button.submit-button {
  color: #fff;
  background: #e20074;
  border: 1px solid #e20074;
  width: 100%;
  height: 45px;
  font-size: 22px;
  border-radius: 10px;
  max-width: 200px;
}

section#KONTAKT>.container>.row form#customcontactForm .row .form-group {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

h2 {
  text-align: center;
  margin: 44px;
  font-size: 49px;
}
h5 {
  text-align: center;
  font-size: larger;
}

.innerCardBlock .imagesCardBlock .angebotImageSlider {position: relative;}

.innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow {top: 0;bottom: unset;transform: unset !important;height: 100% !important;}

.innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow::after {
    display: none;
}
.innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-prev {
    left: 0;
}
.innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-next {
    right: 0;
    transform: scale(-1) !important;
}

.imagesBlock {
  .imageA {
      margin-bottom: 52px;
      min-height: auto;

      @media screen and (width < 1024px) {
          min-height: 319px;
      }

      @media screen and (width <=767px) {
          margin-bottom: 10px;
          /*                    margin-top:10px;*/
      }

      .onHover {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          text-align: center;
          transform: translate(-50%, -50%) scale(0);
          max-width: 150px;
          height: 150px;
          background: rgb(0 0 0 / 40%);
          transition: all 0.2s linear;

          h5 {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 100%;
              height: 100%;
              font-size: 20px;

              a {
                  color: var(--whiteColor);
                  font-weight: 400;
              }
          }
      }

      &:hover {
          .onHover {
              transform: translate(-50%, -50%) scale(1);
          }
      }
  }


  @media screen and (width < 767px) {
      margin-bottom: 25px;
  }
}

.banner .bannerImageText>.banner-back-image>img {
  width: 100%;
  min-height: 100px;
  object-fit: cover;
  height: 513px;
}

button.slick-arrow {
  position: absolute;
  top: 0;
  font-size: 0;
  width: 58px;
  height: calc(100% - 62px);
  background: transparent;
  border: 0;
  background-position: 50%;
  background-image: url(../images/linksArrow.png);
  background-size: 100%;
  z-index: 1;

  &.slick-prev {
      left: 0px;
      background-repeat: no-repeat;

  }

  &.slick-next {
      right: 0px;
      background-repeat: no-repeat;
      transform: rotate(-180deg);
  }

  @media screen and (width < 575px) {
      display: none !important;
  }

}

ul.slick-dots {
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-top: 29px;

  @media screen and (width < 992px) {
      gap: 25px;
  }

  li {
      button {
          background: transparent;
          border: 1px solid var(--whiteColor);
          width: 30px;
          height: 30px;
          border-radius: 50%;
          font-size: 0;

          @media screen and (width < 992px) {
              width: 20px;
              height: 20px;
          }
      }

      &.slick-active {
          button {
              background-color: var(--blackColor);
          }
      }
  }
}

.carousel.sliderBlock {
  width: 100%;
  max-width: 850px;
  margin: 52px auto 0;

  .slick-list.draggable {
      max-width: 710px;
      margin: auto;
      height: 710px;

      .sliderInnerImages {
          height: 710px;
          text-align: center;

          img {
              height: auto;
              width: auto;
              /* object-fit: cover; */
          }
      }

      @media screen and (width < 767px) {
          height: auto;

          .sliderInnerImages {
              height: auto;

          }
      }
  }
}

.message {
  display: block;
  margin-top: 20px;
}
section.AKTUELLES .container .carousel.sliderBlock .slick-list {
  height: auto !important;
  aspect-ratio: unset;
}

section.AKTUELLES .container .carousel.sliderBlock .slick-list .sliderInnerImages {
  max-height: max-content;
  aspect-ratio: auto;
  height: auto;
}

section.AKTUELLES .container .carousel.sliderBlock .slick-list .sliderInnerImages img {
  min-height: 700px ;
  aspect-ratio: unset;
  height: 700px;
  object-fit: contain ;
}

.message p {
  color: #000;
  margin: 0;
}

section.AKTUELLES .carousel.sliderBlock ul.slick-dots {
  display: none !important;
}


.locationInfoCard {
  min-height: 450px;
}

.locationMapBlock .container-fluid .locationBlockView iframe {
  min-height: 400px;
}

body.kontakt section.locationMapBlock {
  margin: 50px 0;
  min-height: 765px;
}
.kontakt footer.mainFooter {
  position: fixed;
  bottom: 0;
  width: 100%;
}

section.bannerpicture img {
  max-width: 100%;
}

section#LEISTUNG .innerCardsIcon.d-flex.align-content-start .iconSBlock {
  min-width: 70px;
}

#coin-root-magentagarten-dunnet div > h2 {
  margin: 10px 20px;
  font-size: 31px;
}

#coin-root-magentagarten-dunnet div > section > div {
  font-size: 20px;
  margin: 0;
}

iframe {
  max-width: 100%;
  width: 100%;
}

section.viewBlock {
  width: 100%;
  max-width: 100%;
}

.header .headerBlock .menusBlock ul li.items:last-child {
  margin-right: 0;
}



@media (max-width:1199px){
    .banner .bannerImageText .bannerTextBlock.image-with-text, .Willkommen .Willkommen-header, .Willkommen .mobile-address-details, .Öffnungszeiten-Unsere-Services .Unsere-inner-div, .Jetzt-btn, .Wochenhighlight .heading, .Aktuelles .heading, .Wochenhighlight .row, .Aktuelles .row, .magenta .heading, .magenta .stellen, .Glasfaser .row, .locationMapBlock .container-fluid, .magenta .magenta.form {
        max-width: 960px;
    }
    .banner .bannerImageText>.banner-back-image>img {
        min-height: 400px;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text >img {
        height: 400px;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text h2 {
        top: 55px;
        left: 138px;
        font-size: 50px;
        line-height: 60px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div {
        padding: 50px 100px;
    }
    .Wochenhighlight {
        padding: 80px 0 80px;
    }
    .Aktuelles {
        padding-bottom: 80px;
    }
    .Glasfaser {
        padding-bottom: 80px;
    }
    .viewBlock iframe {
        margin: 100px 0;
    }
    #KONTAKT {
        padding: 80px 0;
    }
    .Glasfaser .inner-div h3 {
        font-size: 36px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div {
        border-radius: 100px 100px 100px 6px;
    }
    .viewBlock iframe {
        height: 600px;
    }
}
@media (max-width:991px){
    .banner .bannerImageText .bannerTextBlock.image-with-text, .Willkommen .Willkommen-header, .Willkommen .mobile-address-details, .Öffnungszeiten-Unsere-Services .Unsere-inner-div, .Jetzt-btn, .Wochenhighlight .heading, .Aktuelles .heading, .Wochenhighlight .row, .Aktuelles .row, .magenta .heading, .magenta .stellen, .Glasfaser .row, .locationMapBlock .container-fluid, .magenta .magenta.form {
        max-width: 720px;
    }
    .banner .bannerImageText>.banner-back-image>img {
        min-height: 350px;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text >img {
        height: 350px;
        max-width: 400px;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text h2 {
        top: 55px;
        left: 118px;
        font-size: 40px;
        line-height: 50px;
        max-width: 345px;
    }
    .Willkommen {
        padding: 80px 0 75px;
    }
    .Willkommen .Willkommen-header h3 {
        font-size: 45px;
        line-height: 55px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div {
        border-radius: 40px 40px 40px 6px;
        padding: 40px 30px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div h3 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div .Öffnungszeiten {
        width: 280px;
    }
    .Wochenhighlight .heading h3, .Aktuelles .heading h3 {
        font-size: 40px;
        margin: 0 0 30px;
    }
    .mainFooter {
        padding: 20px 0;
    }
    #KONTAKT textarea.form-control {
        height: 200px;
    }
    .Glasfaser .row {
        gap: 20px;
    }
    .Glasfaser .inner-div {
        max-width: calc(100%/2 - 10px);
        flex: 0 0 100%;
    }
    #LEISTUNG h2.text-white {
        margin-bottom: 60px;
        font-size: 45px;
        line-height: 55px;
    }
    section#KONTAKT>.container>.row form#customcontactForm .row .form-group {
      max-width: calc(100%/2 - 20px);
      width: 100%;
  }
  section#KONTAKT>.container>.row form#customcontactForm .row .form-group br {
    display: none;
}
}
@media (max-width:767px){
    .banner .bannerImageText .bannerTextBlock.image-with-text, .Willkommen .Willkommen-header, .Willkommen .mobile-address-details, .Öffnungszeiten-Unsere-Services .Unsere-inner-div, .Jetzt-btn, .Wochenhighlight .heading, .Aktuelles .heading, .Wochenhighlight .row, .Aktuelles .row, .magenta .heading, .magenta .stellen, .Glasfaser .row, .locationMapBlock .container-fluid, .magenta .magenta.form {
        max-width: 540px;
    }
    .banner .bannerImageText>.banner-back-image>img {
        min-height: 240px;
        object-position: 52% 100%;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text >img {
        height: 240px;
        max-width: 280px;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text h2 {
        top: 40px;
        left: 89px;
        font-size: 30px;
        line-height: 40px;
        max-width: 175px;
    }
    .Willkommen {
        padding: 50px 0 50px;
    }
    .Willkommen .Willkommen-header h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .Willkommen .mobile-address-details > div {
        margin-right: 15px;
    }

    .Willkommen .mobile-address-details > div p {
        font-size: 18px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div {
        flex-wrap: wrap;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div .Öffnungszeiten {
        width: 100%;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services {
        max-width: 100%;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div .Unsere-Services ul {
        padding-left: 18px;
        margin-bottom: 0;
    }
    .Wochenhighlight {
        padding: 20px 0 50px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div h3 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .Wochenhighlight .heading h3, .Aktuelles .heading h3 {
        font-size: 30px;
        margin: 0 0 15px;
    }
    section.magenta .magenta.form>.row>div {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .magenta .stellen .row {
        margin-top: 25px;
        gap: 20px;
    }
    .stellen .row>div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    section.Glasfaser .row {
        padding-inline: 15px;
    }
    #LEISTUNG h2.text-white {
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 40px;
    }
    #LEISTUNG .innerCardsIcon {
        max-width: 100%;
        margin-bottom: 16px;
    }
    .viewBlock iframe {
        margin: 50px 0;
    }
    #KONTAKT textarea.form-control {
        height: 180px;
    }
    #KONTAKT h2 {
        font-size: 30px;
    }
    .viewBlock iframe {
        height: 500px;
    }
    #WochenhighlightModal .modal-dialog .modal-content h3 {
        font-size: 22px;
        line-height: 32px;
        margin: 20px 0;
    }

    #WochenhighlightModal .modal-dialog .modal-content .close {
        width: 35px;
        height: 35px;
        font-size: 24px;
    }
}


@media (max-width:550px){
    .header .headerBlock .menusBlock ul {
        margin-left: 15px;
    }
    .header .headerBlock .menusBlock ul li.items {
        margin-right: 13px;
    }
    .header .headerBlock .menusBlock ul li.items a {
        font-size: 17px;
    }
    .Wochenhighlight .row .inner-section, .Aktuelles .row .inner-section {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .Glasfaser .inner-div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    #KONTAKT input.form-control {
        margin-bottom: 20px;

    }
    #KONTAKT form#theForm .row>div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    #KONTAKT textarea.form-control {
        height: 140px;
    }
    #KONTAKT {
        padding: 50px 0;
    }
    .mainFooter {
        background: #000000;
        padding: 10px 0;
    }
    .mainFooter .footerLinks ul li {
        margin-left: 15px;
    }
    .banner .bannerImageText>.banner-back-image>img {
        min-height: 200px;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text >img {
        height: 200px;
        max-width: 190px;
    }
    .banner .bannerImageText .bannerTextBlock.image-with-text h2 {
        top: 23px;
        left: 51px;
        font-size: 25px;
        line-height: 32px;
        max-width: 145px;
    }
    .Willkommen {
        padding: 40px 0 40px;
    }
    .Willkommen .Willkommen-header h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .Willkommen .mobile-address-details {
        flex-wrap: wrap;
        gap: 16px;
    }
    .Willkommen .mobile-address-details > div {
        width: 100%;
        margin-right: 0;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .Öffnungszeiten-Unsere-Services .Unsere-inner-div {
        border-radius: 20px 20px 20px 0px;
        padding: 30px 20px;
    }
    .Jetzt-btn .btn {
        width: 100%;
    }
    .Jetzt-btn {
        padding: 20px 0;
    }
    .Wochenhighlight .heading h3, .Aktuelles .heading h3 {
        font-size: 28px;
        margin: 0 0 10px;
    }
    .Wochenhighlight .row, .Aktuelles .row {
        gap: 30px;
    }
    .Wochenhighlight .row .inner-section .button .btn {
        margin: 20px auto 0;
    }
    .magenta .magenta.form .row + p + div {
        flex-wrap: wrap;
        gap: 10px;
    }
    .magenta .magenta.form .row + p + div label input {
        position: relative;
        top: -2px;
    }
    .magenta .heading h4 {
        font-size: 23px;
    }
    .magenta .heading h5 {
        font-size: 18px;
    }
    .custom-radio-btn .checkmark {
        height: 18px;
        width: 18px;
        top: 3px;
    }
    .custom-radio-btn .checkmark:after {
        top: 3px;
        left: 3px;
        width: 10px;
        height: 10px;
    }
    .magenta .stellen, .Glasfaser .inner-div{
        padding: 15px;
    }
    .Glasfaser .inner-div .amount-details {
        margin-top: 30px;
    }
    .Glasfaser .inner-div .amount-details h3 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .Glasfaser {
        padding-bottom: 50px;
    }
    #LEISTUNG {
        padding: 40px 0;
    }
    #LEISTUNG h2.text-white {
        margin-bottom: 30px;
        font-size: 25px;
        line-height: 35px;
    }
    #LEISTUNG .innerCardsIcon .iconSBlock {
        margin-right: 15px;
        flex: 0 0 18px;
    }
    #LEISTUNG .innerCardsIcon h4 {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 6px !important;
    }
    .locationMapBlock .locationText img, .Glasfaser .button .btn {
        max-width: 100%;
        width: 100%;
    }
    .locationMapBlock .container-fluid {
        padding: 20px 15px !important;
    }
    section#KONTAKT form#theForm .bottomForm>div, #KONTAKT #theForm .submited.btn.btn-primary {
        width: 100%;
    }
    .viewBlock iframe {
        height: 400px;
    }
    .Glasfaser .inner-div h3 {
        font-size: 28px;
    }
    .magenta .magenta.form .row + p + div .btn {
        width: 100%;
    }
    .Glasfaser .button {
        padding-inline: 15px;
    }
    .modal-body .entry-content img {
        width: 100%;
    }
    section#KONTAKT>.container>.row form#customcontactForm .row .form-group {
      max-width: 100%;
      width: 100%;
  }
}

@media(max-width:991px){
  .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-prev {
      left: 50px;
  }
  .Aktuelles .row.aktuelles-carousel .slick-list.draggable .inner-section img, .innerCardBlock .imagesCardBlock .angebotImageSlider img {
      max-width: 480px;
      margin: 0 auto;
  }
  .Aktuelles .row.aktuelles-carousel button.slick-arrow, .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow {
      max-width: 40px;
      height: 40px;
  
  }
  .Aktuelles .row.aktuelles-carousel button.slick-arrow:after, .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow:after {
      content: "\f054";
      font-family: "Font Awesome 6 free";
      font-weight: 800;
      font-size: 23px;
  }
  .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-next {
      right: 50px;
  }
  .Aktuelles .row.aktuelles-carousel button.slick-arrow.slick-prev, .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-prev {
      left: 60px;
  }
  .imagesBlock .imageA.position-relative {
      display: flex;
      align-items: center;
      min-height: auto;
  }
}
@media (max-width:567px) {
  .Aktuelles .row.aktuelles-carousel button.slick-arrow {
      top: 30%;
  }
  .header .headerBlock .menusBlock ul li.items a {
    font-size: 15px;
  }
  div#cookiebannerContainer .cookiebannerContent.center p {
    font-size:15px;
  }
  .cookiebannerContent.center label.title.nomargin {
      font-size: 22px;
  }
  section.AKTUELLES .container .carousel.sliderBlock .slick-list .sliderInnerImages img {
    min-height: 300px;
    height: 300px;
  }
  .AKTUELLES .container .carousel.sliderBlock button.slick-arrow {
    top:-100px;
  }
}

@media (max-width:767px) {  
  .kontakt footer.mainFooter {
    position: static
}
  .innerCardBlock .imagesCardBlock .angebotImageSlider .slick-list {
      height: auto;
      max-width: calc(100% - 50px);
      width: 100%;
  }
  
  .innerCardBlock .imagesCardBlock .angebotImageSlider .slick-list .slick-track .sliderInnerImages {
      height: auto;
  }
  
  .Aktuelles .row.aktuelles-carousel button.slick-arrow.slick-prev {
      left: 0;
  }
  
  .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-prev.slick-arrow {
      left: 30px !important;
      display: block !important;
  }
  
  .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow.slick-next {
      right: 30px !important;
      display: block !important;
  }
  .innerCardBlock .imagesCardBlock .angebotImageSlider button.slick-arrow {
      width: 20px;
  }
  
  .innerCardBlock .imagesCardBlock .angebotImageSlider .slick-list img.w-full {
      object-fit: contain;
  }
  
  .innerCardBlock h2 {
      margin: 10px;
      font-size: 36px;
  }
  
  .AKTUELLES .container .carousel.sliderBlock {
      padding: 20px 30px;
  }
  
  .AKTUELLES .container .carousel.sliderBlock button.slick-arrow {
      display: block !important;
      width: 20px;
  }
  }