#block-alex-theme-content {
width: 100%; overflow-x: hidden;
}

#toolbar-administration {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
  background: #0d0d0d;
}

video { width: 100%; }

 /* a-Behavior */
 a{
  text-decoration: none; outline: none; transition: all 0.6s; border-bottom: 1px solid transparent; color: #9EA4A2;
 }

a:hover { border-bottom: 1px solid #9EA4A2; cursor: pointer; }

.slicknav_btn:hover, a#logo:hover, a.topper:hover {
  border-bottom: 1px solid transparent;
}

 /* img-Behavior */
 img { display: block; width: 100%; height: auto; }
 a img{ border: none; }

 /* Listen */
/* Bullets von Listen weg */
 ul, ul li.leaf{  list-style-image: none; list-style-type: none; padding: 0px; }

/*Listen im textfeld */
 .textfeld li, .text li{ line-height: 2; margin-bottom: 8px; }
 .textfeld ol, .text ol, .paragraph--type--text-2rows ol { padding-left: 12px; margin: 20px 0px; }
  #websiteblock .textleft, #leistungblock .textleft { width: 630px; margin-right: 70px; }
  #websiteblock .paragraph--type--block, #leistungblock .paragraph--type--block { width: calc(100% - 700px); }
  #block-webform strong { text-transform: uppercase; font-size: 1.4em; }



   #grid-2 {
     grid-template-columns: 200px 1fr 450px;
     grid-template-rows: 1fr;
     gap: 0px 80px;
     grid-template-areas:
       ". . .";
    }

#grid-2 .paragraph--type--text {
     padding-top: 80px;
}


  ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  ol li {
    counter-increment: my-awesome-counter;
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 30px;
    color: #9EA4A2;
  }
  ol li::before {
    content: "0" counter(my-awesome-counter);
    font-weight: bold;
    font-size: 6em;
    margin-right: 70px;
    line-height: 1;
    color: #9EA4A2;
  }


 /* .text li bullets geben */
 .text li { position: relative; padding-left: 22px; }
 .text li::before {
     content: "";
     position: absolute;
     top: 125px;
     left: 0px;
     width: 8px;
     height: 8px;
     background: #262861;
   }

 .textfeld ul em, .paragraph--type--text-2rows ul em { padding: 40px 0px; }

 .block { display: block; }
 .flexwrap { flex-wrap: wrap; }
 .paragraph--type--teaser { margin-bottom: 40px; }
 .teasericon { position: relative; height: 200px; }
 .teasericon article {
  position: absolute;
  bottom: 0px; left: 0px; width: 100%;
}

 #map {
   position: relative;
   height: 40vh;
   width: 100%;
 }

/* strong */
strong, .linkbold, .fontbold, b {
       font-weight: normal; font-family: 'MartelSans-SemiBold';
}

.paragraph--type--text li p { margin-bottom: 0px; }
.paragraph--type--text ul li { position: relative; line-height: 3em; padding-left: 80px; margin-bottom: 46px; }
.paragraph--type--text ul li:before {
    content: '\2713';
    font-size: 2.4em;
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
    width: 10px;
    height: 20px;
    color: #9EA4A2;
}

.paragraph--type--text ul li {
  font-size: 0.9em;
}

.paragraph--type--text ul li strong{
    font-size: 1.6em; line-height: 1.4em;
}

.paragraph--type--text ol li::marker {
  display: inline-block; padding-left: 2.5rem;
 }



.huge li { font-size: 1.4em; line-height: 1.5em; }
#preiskacheln { align-content: stretch; align-items: stretch; padding-top: 100px; border-top: 1px solid #9EA4A2; }
#preiskacheln .paragraph--type--teaser, #preiskacheln .paragraph--type--text { padding: 120px 60px 80px 40px; background: #FFF; font-size: 0.9em; }
#preiskacheln h3 { margin-bottom: 40px; }
#preiskacheln ul li { color: #9EA4A2; }
#preiskacheln strong { font-size: 1.7em; display: block; line-height: 1em; }
#preiskacheln .teasertext { padding-bottom: 30px; }
.paragraph--type--text.anfragebtn {
  position: relative; text-transform: uppercase; display: inline-block; text-align: center;
  background: #9EA4A2!important;  }

  .paragraph--type--text.anfragebtn a {
    display: inline-block; position: relative; margin-top: 15%; transform: translateY(-15%); color: #f8f8f8; }

  .paragraph--type--text.anfragebtn:hover { background: #282828!important; }
  .paragraph--type--text.anfragebtn:hover a { text-decoration: none; }

.paddingbig { padding: 11vh 0vh; }

.exposed label:hover { cursor: pointer; }

.linkbold { margin-top: 60px; display: block; }


body {
background: #f8f8f8;
position: relative;
width: 100%; height: auto;
overflow-x: hidden!important;
margin: 0px; padding: 0px;
font-family: 'MartelSans-ExtraLight', sans-serif;
font-weight: normal;
font-size: 100%;
line-height: 1.3em;
color: #282828;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
}

*, ::before, ::after {
  box-sizing: border-box;
}



.paragraph--type--bild:hover img { transform: scale(1.01); }

/*p { overflow: hidden; } */
p a {  display: inline-block;  }
.relative { position: relative; }
.absolute  { position: absolute; }

.image {
  position: relative;
  overflow: hidden;
}

.page-body { position: relative; width: 100%; overflow: hidden; }

.viewsreference--view-title { display: none; }


.btn {
  margin: 2px 20px 2px 0px;
}

.paragraph-id--505 p { margin-bottom: 0px; }

/* Ueberschriften */

h1, #block-webform strong {  font-size: 9rem; line-height: 1.15em; margin-bottom: 30px; font-weight: normal; font-family: 'Lato-Black'; text-transform: uppercase; }

/* H2  color: #737f8d; */
h2 {
font-family: 'MartelSans-SemiBold';
display: block;
margin: 0px 0px 40px 0px;
 }

 #block-rechtlicheseiten li {
   display: inline-block; margin-right: 12px;
 }



@media only screen and (min-width: 0px) and (max-width: 1920px) {
  h1 { font-size: 5.6rem; }
   }

@media only screen and (min-width: 0px) and (max-width: 1440px) {
  h1 { font-size: 4.2rem; word-wrap: break-word; }
   }

 @media only screen and (min-width: 0px) and (max-width: 768px) {
   h1 { font-size: 3.2rem; word-wrap: break-word; }
    }

 @media only screen and (min-width: 0px) and (max-width: 480px) {
    h1 { font-size: 2.4rem; }
    .paddingbig { padding: 60px 0px; }

  }

@media only screen and (min-width: 0px) and (max-width: 800px) {
  #websiteblock, #leistungblock { display: block; }
  #websiteblock .textleft, #leistungblock .textleft { width: 100%; margin-right: 0px; }
  #websiteblock .paragraph--type--block, #leistungblock .paragraph--type--block { width: 100%; }
  .teasericon article { position: relative; }
  .teasertext { padding-top: 32px; }

}

/* Tabellen */
 table {
    border-collapse: collapse;
    border-radius: 0px;
    background: transparent;
    padding: 5px;
    width: 100%;
    margin: 30px 0px;
 }

 /* Tabelle */
 table, caption, tbody, tfoot, thead, tr {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     width: 100%;
     vertical-align: baseline;
     background: transparent;
 }

 tr:last-child {
    border-bottom: medium none;
}
tr:first-child {
    border-top: medium none;
}
tr {
  font-weight: normal;
}

th.text-left {
    text-align: left;
}
th:first-child {
    border-top-left-radius: 3px;
}
th {
    background: none;
    border-bottom: 4px solid #abb2bf;
    border-right: 1px solid #abb2bf;
    color: #0d0d0d;
    font-size: 1em;
    font-weight: 100;
    padding: 8px 24px;
    text-align: left;
    vertical-align: middle;
}

/*tr:nth-child(2n+1) td {
    background: #ebebeb none repeat scroll 0 0;
}*/
td.text-left {
    text-align: left;
}
td {
    border-bottom: 1px solid #abb2bf;
    font-size: 1em;
    font-weight: 300;
    padding: 10px 10px 10px 10px;
    text-align: left;
    text-shadow: none;
    vertical-align: middle;
    color: #0d0d0d;
}

select {
  border-radius: 0px;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: 0;
}

select::-ms-expand {
    display: none;
}

 /* Allgemeine Seitenelemente */

 #block-alex-theme-page-title, .view-popup, .tooltip-content { display: none; }

/* Klassen */
.link-absolute, .absolut { display: block; width: 100%; height: 100%; z-index: 4; top: 0px; left: 0px; position: absolute; border: none!important; }

.absolut{ z-index: 3; }

 .clear { clear: both; padding: 0px; height: 0px; width: 100%;  margin: 0px; padding: 0px; line-height: 0px; visibility: hidden; }
.textfeld{ padding: 60px 0px; }

/* ANIMATIONEN */
/* Drehungen */
.rotate{ transition: all 0.3s; }
.rotate:hover img{ transform: rotate(2deg); }

/* fuer die Post-Animation */
.post.hidden{  opacity:0; display: block; }
.post.visible{  opacity:1; }


/***************** Drupal *******************************/

#block-alex-theme-local-tasks.contextual-region{
  position: absolute; right: 0px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
#block-alex-theme-local-tasks.contextual-region a{ color: #fff; }
#block-alex-theme-local-tasks.contextual-region ul.contextual-links a{ color: #354c54; }

#edit-terms-of-service-dsgvo { float: left; margin-right: 10px; }
.form-type-webform-terms-of-service label { float: left; display: inline-block; font-size: 0.9em; }
.captcha { margin-top: 15px; }
.captcha label, #edit-captcha-response--description { display: none!important; }
.captcha .field-prefix, .captcha input { display: inline-block; width: 90px!important; }
.form-container #edit-actions .webform-button--submit { float: left; }