#mybyte_media_cookiehinweis {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 12px;
    line-height: 125%;
    margin: 20px;
    padding: 10px;
    position: fixed;
    width: 200px;
    z-index: 999999;
	right: 0;
	display: none;
}

#mybyte_media_cookiesettings {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 10px;
    line-height: 125%;
    margin: 10px;
    padding: 10px;
    position: fixed;
    z-index: 999999;
	right: 0;
	display: none;
	cursor: pointer;
}

#mybyte_media_cookiehinweis_close {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
	margin: 0;
    text-align: center;
}

#mybyte_media_cookiehinweis_save {
    background: #dedede none repeat scroll 0 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
    margin: 0;
	margin-top: 10px;
    text-align: center;
}

#mybyte_media_cookiehinweis_mehrinfos {
	text-decoration: underline;
}

 
/* Abstand Logo nach oben */

.site-header .header-image,
.navigation-branding img,
#slideoutlogo
{
  margin-top: 25px;
}

.is_stuck li.slideout-toggle.menu-item-align-right {
    margin-top: -92px;
}

.terminblog a {
    text-align: right;
    text-transform: uppercase;
    display: inherit;
    color: #000;
    float: right;
}

.terminblog a:after {
    background: #000;
    height: 1px;
    width: 175%;
    margin-bottom: 25px;
    content: '';
    float: right;
}

.pswp--zoom-allowed .pswp__img
{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.post-template-default .site-header,
.page-id-497 .site-header,
.page-id-499 .site-header,
.search-results .site-header
{

    height: 80px;
  margin-bottom: 100px;
}

.post-template-default .site-logo
{
}

.navigation-branding img, .site-logo.mobile-header-logo img
{
  height: 100px;
}

.site-logo {
  z-index: 1;
  position: absolute;
}

.inside-header {
  padding: 10px 0;
}

/* startbild */

#startbild {
    position: absolute;
}


/* Menü */

#menue_adresse {
    float: left;
    margin-right: 100px;
}

.main-navigation a
{
  display: inline;
  font-size: inherit;
  font-weight: inherit;
}

span.numbers {
    font-size: 13px;
  font-weight: 300;
}

.slideout-navigation button.slideout-exit {
    position: absolute;
    top: 37px;
    width: auto;
    background: url(https://heilundkehl.de/wp-content/uploads/2018/09/X_light.svg);
    right: 0;
}

.slide-opened .slideout-exit:not(.has-svg-icon):before, .slideout-navigation button.slideout-exit:not(.has-svg-icon):before {
  display: none;
}


#generate-slideout-menu .slideout-menu li
{
    width: 530px;
    background: #b2b2b2;
}

#custom_html-2 {
  background: #b2b2b2;
}

#menuetext {
    position: absolute;
    left: 525px;
    width: 400px;
    top: 340px;
    background: #b2b2b2;
    padding: 15px;
  font-size: 13px;
}

#menuetext .readmore {
    text-align: right;
}

#menuetext .readmore a {
    text-transform: uppercase;
    width: auto;
    float: right;
    padding-right: 15px;
}

#slideoutlogo {
    position: absolute;
    top: 10px;
  left: 0;
    width: 230px;
}

.is-open .inside-navigation.grid-container.grid-parent{
    padding-top: 355px;
}


@media (max-width: 900px) 
{
  .slideout-navigation.main-navigation .main-nav ul li a
  {
    font-size: 24px;
  }
  
  .is-open .inside-navigation.grid-container.grid-parent
  {
    height: 85%;
    padding-top: 215px;
  }
  
#menuetext {
    left: 0;
    width: 400px;
    top: 450px;
    background: #b2b2b2;
    padding: 15px;
}

  #menue_kontakt {
    position: absolute;
    top: 800px;
}

  
  #menue_adresse {
    position: absolute;
    top: 700px;
}
  
  
}

@media (min-width: 1925px) 
{
#menuetext {
   padding-bottom: 60px;
  }
  
  #custom_html-2 {
    padding-top: 50px;
    margin-top: -18px;
  }
}

@media (max-width: 1590px) {
.inside-header>:not(:last-child):not(.main-navigation) {
    left: 30px;
}
  
  #slideoutlogo {
    left: 30px;
  }
}

@media (max-width: 760px) 
{
.first p {
    position: absolute;
    top: 280px;
    font-size: 22px !important;
  display: none;
}

#startbild {
top: 100px;
}

}

.off-canvas-toggle-label {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.sticky-enabled .main-navigation.is_stuck
{
  box-shadow: none;
  background: #000;
}
.slideout-navigation button.slideout-exit {
  text-align: right;
}

.sticky-navigation-logo {
    background: #000;
}

.slideout-menu {
    letter-spacing: 2.5px;
}

#generate-slideout-menu.is-open {
    width: 100%;
    background: #b2b2b2 url(https://heilundkehl.de/wp-content/uploads/2020/02/Linien_Menü.svg?id=613) !important;
    background-repeat: no-repeat !important;
  background-position: center 42% !important;
    background-size: contain !important;
}

@media (min-width: 1925px) 
{
#generate-slideout-menu.is-open {
    background-position: center 31% !important;
  }
}

#pagemenu {
background-position: 0 56% !important;
}

#kontaktoben {
    position: absolute;
    left: -81%;
    width: 4000px;
    z-index: 19;
    bottom: -85px;
}

/* Menü */

#menu-item-593,
#menu-item-594,
#menu-item-595,
#menu-item-596
{
  display: none !important;
}


#weniger {
  cursor: pointer;
}

h2.tatjana {
    margin-top: -20px;
}

#geschichte ul li:before {
    content: '';
    display: block;
    position: absolute;
    margin-left: -10px;
    background: #000;
    width: 2px;
    border-radius: 50%;
    height: 2px;
    margin-top: 8px;
}

ul {
    list-style: none;
}
.readmore {
    text-transform: uppercase;
}

/* Suchergebnisse */
.search h1,
.search-results h1,
.search-results p,
.search p,
.search-results a,
.search-results a:hover,
.search-results a:visited {
    color: #fff;
}

/* Suche */

.widget .search-field {
    background: #fff;
    color: #000;
    padding-top: 30px;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 30px;
  margin-left: 25px;
  text-transform: uppercase;
    padding-bottom: 0;
}

.vc_wp_search.wpb_content_element {
    margin-bottom: 0;
    background: #fff;
}

input[type="search"]:focus {
  background: #fff;
  color: #000;
}

.search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

.search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.search-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

#page {
    min-height: 1150px !important;
}

#termine {
  background-size: cover;
}

.projekte h2, .projektdetails h2, #kontakt h2 {
    line-height: 150%;
}

#termine h2
{
  color: #000;
}

.page-id-497, .page-id-499 {
    color: #fff;
}


/*Geschichte */

#geschichte ul {
    margin-left: 0;
    margin-top: -20px;
}

#geschichte {
  background-position: center 31% !important;
}

#geschichte h2 {
    text-transform: uppercase;
    color: #007488;
    font-weight: 800;
  line-height: 150%;
letter-spacing: 1.5px;
}


/* Fett */

b, strong {
    font-weight: 600;
    color: #007488;
}

/* Mehr lesen */

#mbm_mehr_button_1 {
  cursor: pointer;
}

/* Projekte Weiterlesen */

.readmore.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: transparent;
  text-transform: uppercase;
    background-image: none;
    background-color: transparent;
    border: 0 none;
    color: #fff;
}

.readmore a:after {
    content: '';
    display: block;
    width: 175%;
    float: right;
    height: 1px;
    background: #fff;
    margin-top: 5px;
}


/* Termine Weiterlesen */

.readmoreblog.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: transparent;
  text-transform: uppercase;
    background-image: none;
    background-color: transparent;
    border: 0 none;
    color: #000;
  padding-right: 0;
}

.readmoreblog a:after {
    content: '';
    display: block;
    width: 175%;
    float: right;
    height: 1px;
    background: #000;
    margin-top: 5px;
}

/* Menü auf Unterseiten */

.kontakt a, .kontakt a:visited, .kontakt a:hover {
    color: #fff;
}

/* Footer */

.site-info
{
  text-transform: uppercase;
  background-color: #000;
  font-size: 13px;
  font-weight: 500;
}

/* PopUP */

.pswp__bg {
  opacity: 0.9 !important;
}

.pswp__caption
{
  display: none !important;
}

.pswp__counter {
  left: 48.5% !important; 
}

.pswp__item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    //background: #fff;
    top: 43px;
}

.pswp__item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    //background: #fff;
    bottom: 43px;
}

.pswp__button--share, .pswp__button--fs, .pswp__button--zoom {
    display: none !important;
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background-color: transparent !important;
}

.pswp__button--arrow--left:before
{
 left: 20px !important;
  background: url(https://heilundkehl.de/wp-content/uploads/2020/02/Pfeil_links.svg) 0 0 no-repeat !important;
}


.pswp__button--arrow--right:before
{
   right: 20px !important;
  background: url(https://heilundkehl.de/wp-content/uploads/2020/02/Pfeil_rechts.svg) 0 0 no-repeat !important;
}

.pswp__button--close {
  background-size: 25px !important;
  width: 25px !important;
      top: 20px !important;
    right: 20px !important;
  background: url(https://heilundkehl.de/wp-content/uploads/2018/09/X_light.svg) 0 0 no-repeat !important;
}

/* Beiträge */
.post-template-default .vc_column-inner.vc_custom_1537190886052 {
    background: #fff;
}

.post-template-default .vc_column-inner.vc_custom_1580918112276 {
    padding-top: 0 !important;
}

.post-template-default .vc_column-inner.vc_custom_1537193598941 {
    margin-top: -35px;
}

.post-template-default .vc_row.wpb_row.vc_row-fluid.vc_custom_1580918160228.vc_row-has-fill.vc_row-no-padding
{
  background: #000 !important;
}

.post-template-default #pagemenu
{
  background: #a6a6a6;
  top: 0;
  height: 100% !important;
}


.wpb_text_column.wpb_content_element.facts {
    margin-bottom: 7px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

.post-template-default .vc_separator.wpb_content_element.vc_separator_align_center.vc_sep_width_100.vc_sep_border_width_3.vc_sep_pos_align_center.vc_separator_no_text.vc_sep_color_white {
    margin-bottom: 15px;
}

.post-template-default h2 {
  margin-top: -8px;
    text-transform: uppercase;
    font-weight: 800;
  font-size: 20px;
    letter-spacing: 2.5px;
  line-height: 150%;
}

.post-template-default  {
  background-color: #a6a6a6;
  color: #fff;
}

#closebeitrag {
  cursor: pointer;
    position: absolute;
  top: -40px;
  right: 17px;
  z-index: 1;
}
#closebeitrag img {
    width: 30px;
}


.post-template-default h1 {
  display: none;
}

.comments-area
{
  display: none;
}


#impressum {
  color: #007488;
position: fixed;
    margin-left: -290px;
    width: auto;
    top: 50%;
    z-index: 999999999999999999999999999;
    transform: rotate(-90deg);
}

#impressum a {
    color: #007488;
    z-index: 9999999999999999999999999999;
    padding: 10px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
    color: #fff;
    background-color: #000;
    border-color: #fff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
    color: #ffffff;
    background-color: #000;
  border: 1px solid #fff;
}


#termine p, #geschichte p {
    color: #000;
}

#termine .readmore:after {
    content: '';
    display: block;
    width: 60%;
    float: right;
    height: 1px;
    background: #000;
    margin-top: 5px;
}

#t2:after {
    background: #fff !important;
}

.terminbeitraege:before {
    content: '';
    display: block;
    width: 96%;
    height: 1px;
    background: #000;
    margin-left: 2%;
}

#termin1:before {
    display: none;
}

p {
letter-spacing: 0.5px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color: #fff;
    background-color: #000;
    border-color: #fff;
border: 0;
    border-bottom: 1px solid #fff;
}

/*Formular */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: #000 !important;
    -webkit-background-color: #000 !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
    -webkit-text-fill-color: #fff !important;
}

#ninja_forms_required_items, .nf-field-container
{
  margin-bottom: 0;
}

.label-right .nf-field-label
{
  padding-left: 0 !important;
}

.nf-response-msg p {
    color: #fff;
}

.nf-field a,
.nf-field a:hover,
.nf-field a:visited
{
    color: #fff;
    text-decoration: underline;
}

.nf-form-fields-required {
    display:none;
}

.nf-field textarea,
.nf-field input {
    padding: 20px 0 0;
}

.nf-field-label label {
    font-weight: 400 !important;
    color: #fff;
}

#nf-label-field-11 {
    margin-top: -5px;
}


#termine h4 {
    color: #000;
    font-weight: 800;
    font-size: 50px;
    text-transform: uppercase;
letter-spacing: 2.5px;
}

#termine h3 {
  font-size: 14px;
  line-height: 150%;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2.5px;
}

#termine .termineblau p,
#termine .termineblau h2,
#termine .termineblau h3 {
color: #fff;
}

.zahl p,
.abschnitt p {
color: #fff;
    transform: rotate(-90deg);
    font-size: 82px;
    display: inline-block;
    font-weight: 800;
    position: absolute;
    left: -50px;
    bottom: 90px;
}

.abschnitt p {
color: #000;
    text-transform: uppercase;
    font-size: 14px;
    bottom: 230px;
    font-weight: 400;
    left: -70px;
}

.projekte_zahl {
    right: 5px;
    position: absolute;
    top: 335px;
  z-index: 3;
}

.projekte_zahl .abschnitt p {
    left: -75px;
    color: #000;
  width: 200px;
  bottom: 305px;
}

#geschichte .zahl p {
    color: #a6a6a6;
  left: -30px;
}

#geschichte .abschnitt p {
    bottom: 238px;
  left: -50px;
}

#termine .abschnitt p {
    left: -122px;
    top: 142px;
    color: #007488;
}

#termine .zahl p {
    color: #007488;
    bottom: 7px;
}


.wpb_text_column.wpb_content_element.x {
    position: absolute;
    right: 0;
cursor: pointer;
padding: 0 25px;
z-index: 5;
top: -40px;
}

.x p {
    font-size: 64px;
    font-weight: 300;
}

.sw {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: url(https://heilundkehl.de/gray.svg#desaturate);
    filter: gray;
    -webkit-filter: grayscale(1);
transition: all 0.3s linear;
}

.sw:hover {
transition: all 0.3s linear;
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}

.projektdetails {
display: none;
}

.projektdetails:before {
    content: '';
    height: 1px;
    width: 98%;
    margin-left: 1%;
    display: block;
    background: #fff;
}

.projektdetails:after {
    content: '';
    height: 1px;
    width: 98%;
    margin-left: 1%;
    display: block;
    background: #fff;
}


h2 {
font-size: 28px;
}

.projekte h2,
.projektdetails h2,
#kontakt h2 
 {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.projekte p {
    color: #fff;
}

.projektdetails p {
    color: #fff;
}

.site-header {
    background-color: transparent;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    background-color: transparent;
}

.first p {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.linie_weiss {
    position: absolute;
    top: 63%;
    left: 0;
    padding: 0;
    width: 101%;
    z-index: 1;
    background-image: url(https://heilundkehl.de/wp-content/uploads/2018/09/Linie_weiss.svg);
    background-repeat: no-repeat;
  background-size: contain;
    height: 306px;
}


.linie_schwarz {
      position: absolute;
    margin-top: -100px;
    left: 15px;
    z-index: 1;
    width: 100%;
    height: 220px;
      background-repeat: no-repeat;
}

.linie_termine {
      position: absolute;
    margin-top: 100px;
    left: 15px;
    z-index: 1;
    width: 101%;
    height: 300px;
      background-repeat: no-repeat;
}


#kontakt
{
  min-height: 500px;
  background-size: cover;
}


#kontakt .zahl p {
    left: -380px;
}

#kontakt .abschnitt p {
    color: #fff;
    left: -386px;
    bottom: 250px;
  
}
  /* Datenschutzerklärung*/
  
  a._brlbs-btn-cookie-preference:hover, a._brlbs-btn-cookie-preference {
    background-color: #007488 !important;
    margin-top: 30px !important;
  }