.parallax { min-height: 450px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; }

.content_inner { display: block; position: relative; max-width: var(--mw2); margin: auto; }
.content_inner2 { display: block; position: relative; text-align: left; padding: 120px 40px;  }
.content_inner2 p { margin: 10px 0; }


.flex { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.zweiteiler { display: inline-block; width: 49%; vertical-align: top; text-align: left; padding: 0 25px; box-sizing: border-box; }
.dreiteiler { display: inline-block; width: 30%; vertical-align: top; text-align: center; vertical-align: top; }
.vierteiler { display: inline-block; width: 24%; vertical-align: top; text-align: center; box-sizing: border-box; padding: 0 48px; display: inline-block; }
.einruecker { display: block; max-width: 1200px; margin: 0 auto; }
.left { text-align: left; }
.center { text-align: center; }
.center .content_inner2 { text-align: center !important; }
.right { text-align: right; }
.middle { vertical-align: middle !important; }
.hidden { display: none; }
.show { display: block; font-size: 22px; }
.w33, .w33b { width: 45% !important; }
.w33 p { margin: 0; line-height: 0; }
.w33b p { margin: 0; }
.w66 { width: 54% !important; }
.bottom { vertical-align: bottom; }
.top { vertical-align: top; }
.nmb { margin-bottom: 0; }
.nomargin { margin: 0 !important; padding: 0 !important; }
.eol { border-top-left-radius: 30px; }
.eor { border-top-right-radius: 30px; }
.fullwidth, .fullwidth .content_inner, .fullwidth .content_inner2 { max-width: 100%; width: 100%; padding: 0; }
.fullheight, .fullheight .content_inner, .fullheight .content_inner2 { height: 100vh; padding: 0; }
.flexslider.bildergalerie { display: inline-block; width: 450px !important; }
.bg { width: 100% !important; height: 400px; object-fit: cover; }
.lh0 { line-height: 0 !important; }
.einleiter { max-width: 940px; margin: 20px auto; }
.small { font-size: 15px; }

.icon_location { background-image: url('../../img/Icon_Adresse.svg'); background-position: left top 3px; background-size: auto 22px; background-repeat: no-repeat; padding-left: 40px;  }
.icon_telefon { background-image: url('../../img/Icon_Telefon.svg'); background-position: left top 3px; background-size: auto 22px; background-repeat: no-repeat; padding-left: 40px; margin: 0; }
.icon_mail { background-image: url('../../img/Icon_EMail.svg'); background-position: left top 3px; background-size: auto 22px; background-repeat: no-repeat; padding-left: 40px; }


.intro { position: relative; min-height: 100vh; height: 100vh; overflow: hidden; background-color: var(--schwarz); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }
.intro .content_inner {  }
.intro .content_inner2 {  padding-right: 47%; padding-top: 170px; }
.intro h1 { color: var(--t1); font-size: 60px; line-height: 70px; text-shadow: 5px 5px 20px var(--weiss); }
.intro h2 { color: var(--anthrazit); font-size: 40px; line-height: 50px; max-width: 80%; text-shadow: 5px 5px 20px var(--weiss); font-weight: 400; margin: 40px 0; }


*:focus-visible { outline: 2px dashed red; outline-offset: 2px; z-index: 9999999999999999999999999999; }
.unsichtbar { position: absolute; top: 10px; left: 10px; width: 0; height: 0; font-size: 0; }
.unsichtbar:not(:focus) { position: absolute; width: 0; height: 0; }
.unsichtbar:focus { background-color: #000; color: #fff; display: block; width: auto; height: auto; font-size: 20px; z-index: 999999999 }

.mehr, .mehr_aktiv { font-weight: 600; color: var(--anthrazit); background-image: url('../../img/showmore.svg'); background-position: left top 6px; background-size: 32px auto; background-repeat: no-repeat; padding-left: 50px; position: relative; overflow: hidden; display: inline-block; }
.mehr_aktiv { background-image: url('../../img/showless.svg'); }

.info { display: inline-block; background-color: var(--t3); padding: 8px 25px; color: var(--weiss); font-weight: 700; }
.info1 { display: inline-block; background-color: var(--t1); padding: 8px 12px; color: var(--weiss); font-weight: 700; margin: 4px 0; }
.info2 { display: inline-block; background-color: var(--t2); padding: 8px 12px; color: var(--weiss); font-weight: 700; margin: 4px 0;}
.info3 { display: inline-block; background-color: var(--t3); padding: 8px 12px; color: var(--weiss); font-weight: 700; margin: 2px 0;}


.bildergalerie ul { display: flex; flex-wrap: wrap; gap: 20px; margin: 80px auto; padding: 0; width: 100%; max-width: var(--mw2); }
.bildergalerie ul li { flex: 0 0 calc((100% - 40px) / 3); margin: 0; padding: 0; list-style: none; }
.bildergalerie ul li img { display: block; width: 100%; height: 340px; object-fit: cover; }

#content_1001 .content_inner2 { display: flex; flex-wrap: wrap; align-items: stretch; }
#content_1001 .zweiteiler:first-child { width: 50%; text-align: right; }
#content_1001 .zweiteiler:last-child { position: relative; width: 50%; padding: 0 0 90px 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
#content_1001 .zweiteilerx:last-child > p:last-child { position: absolute; left: 20px; bottom: 60px; margin: 0; }
#content_1001 .zweiteilerx:last-child .button { position: static; margin: 0 0 0 40px; }

#content_1002 { background-color: var(--ocker2); }
#content_1002 .content_inner2 { display: flex; flex-wrap: wrap; align-items: flex-start; }
#content_1002 .content_inner2 > .zweiteiler { padding: 0; }
#content_1002 .content_inner2 > .zweiteiler:nth-child(1) { width: 50%; flex: 0 0 50%;  }
#content_1002 .content_inner2 > .zweiteiler:nth-child(2) { width: 50%; flex: 0 0 50%; padding: 0; position: relative; display: flex; align-items: center; flex-wrap: wrap; text-align: right; }
#content_1002 .content_inner2 > .zweiteiler:nth-child(2) .button { margin-left: auto; }
#content_1002 .hidden.show { display: flex; flex-wrap: wrap; width: 100%; }
#content_1002 .hidden > .zweiteiler { width: 50%; flex: 0 0 50%; box-sizing: border-box; }
#content_1002 .content_inner2 h2, #content_1002 .content_inner2 .h2 { max-width: 90%; margin-left: auto; }
#content_1002 .content_inner2 h3, #content_1002 .content_inner2 .h3 { margin-bottom: 0; max-width: 90%; margin-left: auto; }
#content_1002 .info { margin-left: auto !important; }
#content_1002 .mehr { margin-left: auto !important; margin-top: 20px; }



#content_1003 .content_inner2 { display: flex; align-items:stretch; flex-wrap: wrap; align-items: center;  }
#content_1003 .zweiteiler:first-child { width: 50%; flex-wrap: wrap; text-align: right; }
#content_1003 .zweiteiler:last-child { width: 50%; padding:0; display:flex; align-items: center; flex-wrap: wrap; }
#content_1003 .zweiteiler:last-child .button { position: absolute; bottom: 40px }
#content_1003 ul { margin: 0; padding-left: 25px; }
#content_1003 ul li { color: var(--t1); font-weight: bold; padding: 5px 0; }
#content_1003 ul li::marker { color: var(--t1); font-weight: bold; }



#content_1004 { background-image: url('../../img/Dots_Hintergrund.png'), radial-gradient(ellipse at 50% 0%, #06a8ae 0%, #049fa5 30%, #03989e 55%, #028c92 78%, #017f85 100%); background-position: center, center; background-size: contain, cover; background-repeat: no-repeat, no-repeat; color: var(--weiss); background-attachment: fixed; }
#content_1004 h2, #content_1004 h3 { color: var(--weiss); }
#content_1004 #submenu_leistungen { display: block; margin-bottom: 80px; }
#content_1004 #submenu_leistungen > ul { display: flex; flex-wrap: wrap; gap: 25px; width: 100%; margin: 0; padding: 0; }
#content_1004 #submenu_leistungen > ul > li { flex: 0 0 calc((100% - 50px) / 3); height: 350px; margin: 0; list-style: none; box-sizing: border-box; cursor: pointer; }
#content_1004 .flip { position: relative; overflow: hidden; }
#content_1004 .flip_front, #content_1004 .flip_back { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; box-sizing: border-box; transition: opacity .4s ease; }
#content_1004 .flip_front { align-items: center; justify-content: flex-start; padding: 50px 30px; background-color: var(--t1); opacity: 1; }
#content_1004 .flip_front img { height: 140px; width: auto; max-width: 100%; object-fit: contain; display: block; margin: 0 auto 45px auto; }
#content_1004 .flip_front h3 { width: 80%; margin: 0 auto; text-align: center; hyphens: auto; }
#content_1004 .flip_back { background-color: var(--t3); opacity: 0; text-align: left; }
#content_1004 .flip_back h3 { width: 80%; margin: 0 0 25px 0; text-align: center; font-size: 22px; line-height: 28px; transform: translateY(30px); transition: transform .4s ease; }
#content_1004 .flip_back ul { display: block; width: 100%; margin: 0; padding: 0 0 0 20px; }
#content_1004 .flip_back ul li { display: list-item; width: auto; height: auto; margin: 0 0 6px 0; padding: 0; list-style: disc; text-align: left; font-size: 16px; line-height: 22px; }
#content_1004 .flip:hover .flip_front { opacity: 0; }
#content_1004 .flip:hover .flip_back { opacity: 1; }
#content_1004 .flip:hover .flip_back h3 { transform: translateY(0); }



#content_1005 .content_inner2 { display: flex; align-items:stretch; flex-wrap: wrap; align-items: center;  }
#content_1005 .zweiteiler:first-child { width: 50%; flex-wrap: wrap; text-align: left; }
#content_1005 .zweiteiler:last-child { width: 50%; padding:0; display:flex; align-items: center; flex-wrap: wrap; }
#content_1005 .zweiteiler:last-child .button { position: absolute; bottom: 40px }
#content_1005 .content_inner2 h2, #content_1005 .content_inner2 .h2 { max-width: 95%; }




#content_1006 { background-image: url('../../img/Dots_Hintergrund.png'), radial-gradient(ellipse at 50% 52%, #00afb7 0%, #01a8af 25%, #029fa5 50%, #03989e 78%, #03969c 100%); background-position: center, center; background-size: contain, cover; background-repeat: no-repeat, no-repeat; color: var(--weiss); background-attachment: fixed; }
#content_1006 * { color: var(--weiss); }
#content_1006 * { color: var(--weiss); }
#content_1006 .content_inner2 { display: flex; flex-wrap: wrap; align-items: flex-start; }
#content_1006 .content_inner2 > .zweiteiler { width: 50%; flex: 0 0 50%; box-sizing: border-box; }
#content_1006 .content_inner2 > .zweiteiler:first-child { padding-right: 40px; }
#content_1006 .content_inner2 > .zweiteiler:last-child { padding: 60px 0 0 40px; }
#content_1006 .button { border-color: var(--t3) }
#content_1006 .button:hover { color: var(--t1) !important;  border-color: var(--t1); }
#content_1006 .button:hoverx:before { background-image: url('../../img/button.svg'); }
#content_1006 .button:beforex { background-image: url('../../img/button2.svg'); transform: rotate(90deg); }


#submenu_blog_start { width: 100%; margin-top: 60px; }
#submenu_blog_start > ul { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; margin: 0; padding: 0; }
#submenu_blog_start > ul > li { flex: 0 0 calc((100% - 40px) / 3); width: calc((100% - 40px) / 3); margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
#submenu_blog_start > ul > li > a { position: relative; display: block; width: 100%; height: 330px; overflow: hidden; text-decoration: none; }
#submenu_blog_start > ul > li > a > img { display: block; width: 100%; height: 100%; object-fit: cover; }
#submenu_blog_start > ul > li > a > h3 { position: absolute; left: 0; right: 0; bottom: 0; min-height: 75px; margin: 0; padding: 15px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 194, 203, .95); color: var(--weiss); font-size: 20px; line-height: 24px; text-align: center; transition: background-color .3s ease; }
#submenu_blog_start > ul > li > a:hover > h3 { background-color: var(--t1); }








#content_700 .content_inner2 { display: flex; align-items:stretch; flex-wrap: wrap; align-items: center;  }
#content_700 .zweiteiler:first-child { width: 50%; flex-wrap: wrap; text-align: right; }
#content_700 .zweiteiler:last-child { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
#content_700 .zweiteiler:last-child > p:not(.info) { width: 100%; }


#content_1203 { background-color: var(--ocker2); }
#content_1205 { background-color: var(--ocker2); }

.wrapper_12 i, .wrapper_12 i u,.wrapper_12 em, .wrapper_12 em u { color: var(--t1); font-style: normal; }
.wrapper_12 .zweiteiler img.logo { max-width: 70%; margin-left: auto; display: block; }


#content_1200.intro h2 { max-width: 95%; margin: 15px 0; }
#content_1300.intro h2 { max-width: 95%; margin: 15px 0; }



.wrapper_320x { padding-top: 100px; }
.wrapper_320x h2 { color: var(--mittelblau); }
.wrapper_320x h3 { margin-top: 40px; }
.wrapper_320x #content_700 h2 { color: var(--gelb); }
.header_230x #header_outer { height: 0 !important; }
.header_230x #logo { margin-top: 40px; }

.wrapper_30 { padding-top: 30px; }
.wrapper_30 h3, .wrapper_30 .h3 {  margin: 20px 0 0 0; }
.wrapper_30 h2, .wrapper_30 .h2 {  font-size: 32px; line-height: 42px; }
.wrapper_30 .weiter { display: none; }


.intro.blog { position: relative; width: 100%; height: auto; min-height: 100vh; padding-top: 100vh; overflow: visible; box-sizing: border-box; background-size: 0 0; background-repeat: no-repeat; }
.intro.blog::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-image: inherit; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }
.intro.blog > .content_inner { position: relative; z-index: 1; width: 100%; max-width: 100%; margin: 0; padding: 0; background-color: var(--weiss); }
.intro.blog > .content_inner > .content_inner2 { margin: 0 auto; padding: 70px 40px; box-sizing: border-box; text-align: center; }

.intro.blog .content_inner2 > h1, .intro.blog .content_inner2 > h2, .intro.blog .content_inner2 > h3, .intro.blog .content_inner2 > h4, .intro.blog .content_inner2 > p, .intro.blog .content_inner2 > blockquote, .intro.blog .content_inner2 > ul, .intro.blog .content_inner2 > ol { max-width: 760px; margin-left: auto; margin-right: auto; }
.intro.blog > .weiter { top: calc(100vh - 130px); bottom: auto; }
.blog h1, .blog h2, .blog h3 { color: #03989E; }



#submenu_blog { width: 100%; margin-top: 60px; }
#submenu_blog > ul { display: flex; flex-wrap: wrap; align-items: stretch; gap: 20px; width: 100%; margin: 0; padding: 0; }
#submenu_blog > ul > li { flex: 0 0 calc((100% - 40px) / 3); width: calc((100% - 40px) / 3); margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
#submenu_blog > ul > li > a { display: flex; flex-direction: column; width: 100%; height: 100%; color: var(--weiss); text-decoration: none; }
#submenu_blog .blog_bild { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }
#submenu_blog .blog_bild img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
#submenu_blog .blog_text { flex: 1; display: flex; flex-direction: column; min-height: 350px; padding: 30px 25px; box-sizing: border-box; background-color: var(--t2); transition: background-color .3s ease; }
#submenu_blog .blog_text h3 { margin: 0 0 30px 0; color: var(--weiss); font-size: 26px; line-height: 31px; text-align: left; }
#submenu_blog .blog_text p { margin: 0 0 30px 0; color: var(--weiss); font-size: 18px; line-height: 27px; text-align: left; }
#submenu_blog .blog_text .button { margin-top: auto; align-self: flex-start; color: var(--weiss); }
#submenu_blog > ul > li > a:hover .blog_text { background-color: var(--t1); }
#submenu_blog > ul > li > a:hover .blog_bild img { transform: scale(1.03); }



.submenu_sections { display: block; margin: 100px auto 0 auto;  }
.submenu_sections ul { display: block; margin: 0; padding: 0; }
.submenu_sections ul li { display: inline-block; margin: 0 6px 6px 0; padding: 0; }
.submenu_sections ul li a { display: block; padding: 8px 12px; color: var(--weiss); font-weight: 700; margin: 4px 0; }
.submenu_sections ul li:nth-of-type(3n+1) a { background-color: var(--t1); }
.submenu_sections ul li:nth-of-type(3n+2) a { background-color: var(--t2); }
.submenu_sections ul li:nth-of-type(3n) a { background-color: var(--t3); }




/* contents.css */
@supports (-webkit-touch-callout: none) {
    .parallax, #content_1004, #content_1006 { background-attachment: scroll; }
}