html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}@font-face {
font-family: "LL Akkurat Regular Web";
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-regular.eot);
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-regular.eot?#iefix) format("embedded-opentype"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-regular.woff2) format("woff2"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-regular.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "LL Akkurat Bold Web";
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-bold.eot);
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-bold.eot?#iefix) format("embedded-opentype"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-bold.woff2) format("woff2"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-bold.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "LL Akkurat Light Web";
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-light.eot);
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-light.eot?#iefix) format("embedded-opentype"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-light.woff2) format("woff2"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/lineto-akkurat-light.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "IBM Plex Light";
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Light.eot);
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Light.eot?#iefix) format("embedded-opentype"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Light.woff2) format("woff2"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Light.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "IBM Plex Regular";
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Regular.eot);
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Regular.eot?#iefix) format("embedded-opentype"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Regular.woff2) format("woff2"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "IBM Plex Bold";
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Bold.eot);
src: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Bold.eot?#iefix) format("embedded-opentype"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Bold.woff2) format("woff2"),
url(//www.kfo-lippold.de/wp-content/themes/kfolippold/fonts/ibm/IBMPlexSerif-Bold.woff) format("woff");
font-weight: normal;
font-style: normal;
} body
{
background: #eee;
font-family: 'LL Akkurat Regular Web', sans-serif;
color: #3e3d40;
font-size: 13px;
line-height: 130%;
}
#fade {
z-index: 501;
}
.overlay{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/layer.png);
z-index: 501;
cursor: pointer;
}
#stoerer_termin {
position: fixed;
z-index: 1000;
height: auto;
cursor: pointer;
background-color: #dadada;
background-image:url(https://www.kfo-lippold.de/wp-content/themes/kfolippold/images/icon_kalender.png);
background-repeat: no-repeat;
text-align: center;
transition: transform .2s;
}
#stoerer_termin:hover {
transform: scale(1.08);
}
#stoerer_termin_content {
color: #47949d;
padding-top: 78px;
text-transform: uppercase;
font-weight: 700;
line-height: 130%;
font-size: 1.1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.stoerer_home {
padding-top: 18px;
padding-right: 25px;
padding-bottom: 18px;
padding-left: 25px;
margin-top: 35px;
margin-right: 0;
margin-bottom: 30px;
margin-left: 0;
border: 1px solid red;
background-color: rgba(219,75,104,0.1);
text-align: left;
color: #db4b68;
}
.stoerer_icon {
position: relative;
float: left;
width: 40px;
height: 37px;
margin-right: 20px;
margin-top: 10px;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/stoerer_icon_transp.png);
background-size: cover;
background-repeat: no-repeat;
} #wrapper {
position: relative;
top: 0px;
margin: 0 auto;
background-color: #fff;
width: 100%;
}
#innerwrapper {
position: relative;
margin: 0 auto;
}
#header {
position: relative;
width: 100%;
background-color: #d9d700;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_header.png);
background-position: top center;
background-repeat: no-repeat;
z-index: 502;
}
#teaser_home {
width: 64%;
padding: 18px 35% 60px 12%;
font-size: 1.4em;
color: #000;
line-height: 1.5em;
letter-spacing: 0.03em;
}	
.div_middle:nth-child(2n) {
margin-right: 0%;
}
.caption_div_middle {
position: absolute;
width: 100%;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_caption_middle.png);
text-align: center;
bottom: 0;
padding: 0.5em 0em 0.3em 0em;
color: #fff;
line-height: 1.25em;
}
.caption_div_middle a {
display: block;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none !important;
font-family: 'LL Akkurat Light Web', sans-serif;
}
.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0px;
}
#footer {
width: 100%;
background-color: #e0df00;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_footer.png);
background-position: center bottom;
background-repeat: no-repeat;
}
#logo {
position: absolute;
right: 0;
height: 47px;
background-color: #0095a0;
}
#logo img {
width: 245px;
height: 47px;
}
strong {
font-family: 'LL Akkurat Bold Web', sans-serif;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
} #navi {
position: relative;
width: 100%;
height: 47px;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_navi.png);
background-repeat: no-repeat;
background-position: center;
}
#innernavi {
position: relative;
margin: 0 auto;
height: 47px;
background-color: #323234;
}
ul#menu {
position: relative;
display: none;
float: left;
padding: 0;
width: 100%;
height: 30px;
}
ul#menu li {
float: left;
cursor: pointer;
}
ul#menu li a {
display: block;
font-size: 1.3em;
text-decoration: none;
color: #fff;
height: 30px;
}
ul#menu li.current_page_item a {
color: #d9d700;
}
ul#menu li a:hover {
color: #d9d700;
}
.submenu {
position: absolute;
display: none;
height: auto;
margin: 47px 0 0 0;
background-color: #fff;
font-size: 1.1em;
}
#subnavi_kfo.submenu {
width: calc(100% - 296px);
padding: 20px 0 36px 296px;
min-height: 86px;
}
#subnavi_kontakt.submenu {
width: calc(100% - 396px);
padding: 20px 0 36px 396px;
}
.submenu ul li {
margin: 0 0 8px 0;
cursor: pointer;
padding: 0 86px 0 0;
}
.submenu ul li a {
text-decoration: none;
color: #000;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.submenu ul li a:hover {
opacity: 0.5;
}
.submenu ul li ul.sub-menu {
position: absolute;
display: none;
top: 20px;
left: 530px;
background-color: #fff;
} #innernavi_mobil {
position: relative;
display: none;
margin: 0 auto;
height: 47px;
background-color: #323234;
}
#navilayer_mobil {
position: absolute;
display: none;
width: 100%;
background-color: #fff;
padding: 20px 0 120px 0;
z-index: 502;
}
ul#menu_mobil {
position: relative;
float: left;
padding: 0;
margin-left: 20px;
height: 39px;
width: 39px;
padding: 4px;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/navi_mobil.png);
background-repeat: no-repeat;
background-position: center;
background-size: 60px 34px;
text-indent: -9999px;
cursor: pointer;
}
ul#menu-mobil {
position: relative;
display: block;
margin: 0 0 0 24px;
}
ul#menu-mobil li {
margin: 1.6em 0 0 0;
}
ul#menu-mobil li a {
display: block;
font-size: 1.6em;
text-decoration: none;
color: #000;
}
ul#menu-mobil ul.sub-menu {
display: none;
margin: 1em 0 0 2em;
}
ul#menu-mobil ul.sub-menu li {
margin: 0.8em 0 0 0;
}
ul#menu-mobil ul.sub-menu li a {
} #container_mobil {
position: relative;
width: 85%;
margin: 0 auto;
text-align: center;
padding-bottom: 18px;
}
#container_mobil img.img_container_mobil {
width: 70px;
height: auto;
margin: 0 1em 0 1em;
}
#info_home {
position: relative;
font-size: 1.1em;
line-height: 1.5em;
color: #000;
letter-spacing: 0.03em;
}
#info_home .leftcol {
position: relative;
float: left;
}	
#info_home .rightcol {
position: relative;
float: left;
}
#info_home .rightcol .tag {
float: left;
width: 54px;
font-family: 'LL Akkurat Bold Web', sans-serif;
}
#info_home .rightcol #parkinfo {
float: left;
width: 100%;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/parken-p.png);
background-position: bottom left;
background-repeat: no-repeat;
background-size: 38px 43px;
margin-top:43px;
padding-left: 50px;
}
#siegel {
position: absolute;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/RGB_FocusGesundheit_2025.png);
background-size: 64px 123px;
width: 64px;
height: 123px;
top: 22px;
right: 10px;
z-index: 1000;
}
#siegel_gbo {
position: absolute;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/siegel_gbo.png);
background-size: 120px 120px;
width: 120px;
height: 120px;
top: 62px;
right: 40px;
z-index: 1000;
}
#siegel_gbo a {
display: block;
width: 100%;
height: 100%;
} #banner {
width: 100%;
height: auto;
}
#banner img {
width: 100%;
height: auto;
}
#content {
font-size: 1.2em;
margin: 72px 3% 72px 3%;
line-height: 1.5em;
color: #000;
letter-spacing: 0.03em;
}
#content img.bannerthumb_kfo {
width: 100%;
height: auto;
margin: 0 0 44px 0;
}
#content.mit_banner img.bannerthumb {
width: 100%;
height: auto;
margin: 0 0 44px 0;
}
#banner_home {
width: 100%;
max-height: 660px;
margin: 0 0 40px 0;
}
#banner_home .singlebanner {
width: 100%;
height: auto;
}
#banner_home .singlebanner.videotest {
position: relative;
overflow: hidden;
background-color: red;
padding-top: 0 !important;
}
#banner_home .singlebanner.videotest video {
height: 100%;
width: 100%;
object-fit: cover;
}
#banner_home .singlebanner img {
position: relative;
width: 100%;
height: auto;
z-index: 99;
}
#banner_home .singlebanner .caption {
position: absolute;
width: 100%;
z-index: 100;
color: #fff;
text-align: center;
font-family: 'LL Akkurat Light Web', sans-serif;
}
#banner_praxis {
width: 100%;
max-height: 660px;
overflow: hidden;
}
#content.mit_banner #banner_praxis img {
width: 100%;
height: auto;
}
#content .tag {
float: left;
width: 54px;
font-family: 'LL Akkurat Bold Web', sans-serif;
}
.flickity-prev-next-button {
width: 48px;
height: 48px;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back-prev-next.png) !important;
}
.flickity-prev-next-button:hover {
background: transparent;
} .flickity-prev-next-button .arrow {
fill: white;
}
.flickity-prev-next-button.no-svg {
color: white;
} .flickity-prev-next-button:disabled { }
.flickity-prev-next-button.previous {
left: 40px;
}
.flickity-prev-next-button.next {
right: 40px;
}
.flickity-prev-next-button svg {
position: absolute;
left: 35%;
top: 35%;
width: 30%;
height: 30%;
}
#content.full {
width: 94%;
margin: 72px 3% 72px 3%;
}
#content div.leftcol {
display: none;
}
#content a.button {
position: relative;
display: inline-block;
background-color: #00a4ae;
color: #fff;
text-align: center;
border-radius: 20px;
margin: 20px 0 0 0;
padding: 16px 24px 16px 24px;
transition: transform .2s;
}
#content a.button:hover {
transform: scale(1.04);
text-decoration: none;
}
#content h1 {
display: table;
font-size: 1.8em;
margin: 0 0 20px 0;
line-height: 128%;
height: 36px;
padding-bottom: 12px;
}
#content h1.laecheln2021 {
display: block;
font-family: "LL Akkurat Bold Web";
font-size: 4.4em;
height: auto;
margin: 0.8em 0 20px 0 !important;
line-height: 122%;
}
#content h1.laecheln2021 .light {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
}
#content h2.laecheln2021 {
width: 80%;
font-family: "LL Akkurat Bold Web";
font-size: 3.8em;
margin: 4.6em auto 20px auto;
line-height: 122%;
text-align: center;
}
#content h2.laecheln2021 .light-blue {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #586AE4;
}
#content h2.laecheln2021 .light-orange {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #EB6849;
}
#content h2.laecheln2021 .light-grellow {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #D9D700;
}
#content h2.laecheln2021.last {
margin: 4.6em auto 1em auto !important;
}
#content .shariff {
margin: 4.6em auto 300px auto;
}
#content p.laecheln2021 {
text-align: center;
width: 65%;
font-size: 1.4em;
line-height: 136%;
margin: 6em auto 11em auto;
}
#content .doppelblock .leftcol_laecheln2021 {
position: relative;
float: left;
width: 40%;
font-size: 1.3em;
line-height: 148%;
margin-right: 20%;
}
#content .doppelblock .rightcol_laecheln2021 {
position: relative;
float: left;
width: 40%;
font-size: 1.3em;
line-height: 148%;
margin: 80px 0 0 0;
}
#content .doppelblock .leftcol_laecheln2021.reverse {
margin: 80px 0 0 0;
margin-right: 20%;
}
#content .doppelblock .rightcol_laecheln2021.reverse {
margin: 0 0 0 0;
}
#content h3.laecheln2021 {
font-family: "LL Akkurat Bold Web";
font-size: 2.1em;
margin: 1.6em 0 1.2em 0;
padding-right: 2em;
line-height: 122%;
}
#content h3.laecheln2021 .light-olive {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #819652;
}
#content h3.laecheln2021 .light-ocker {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #F0B542;
}
#content h3.laecheln2021 .light-orange {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #EB6849;
}
#content h3.laecheln2021 .light-brown {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #995536;
}
#content h3.laecheln2021 .lila {
text-transform: uppercase;
font-family: "LL Akkurat Light Web";
color: #586AE4;
}
#content p {
margin: 0 0 1em 0;
}
#content #navi_kfo+p,#content .leftcol+p{
margin-top: 32px;
}
#content ul {
margin: 0 0 1em 0;
}
#content ul li {
margin: 0 0 0.3em 0;
}
#content ul li:before {
content: '\2014  ';
}
sub, sup { font-size: 46%; line-height: 0; position: relative; vertical-align: baseline;
}
sup { top: -0.7em;
}
sub { bottom: -0.25em;
}
.leftcol_mit_caption {
position: relative;
}
#navi_kfo {
position: relative;
height: 30px;
width: 78px;
left: -95px;
margin-top: -61px;
}
#navi_kfo.double {
height: 60px;
margin-top: -97px !important;
}
#team {
margin: 0;
}
#teamleitung {
width: 100%;
}
#teamleitung .teamleitungbox {
position: relative;
float: left;
cursor: pointer;
}
#teamleitung .teamleitungbox .caption_teamleitungbox {
position: absolute;
width: 100%;
text-align: center;
opacity: 0;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_caption_middle.png);
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
height: 100%;
color: #fff;
}
#teamleitung .teamleitungbox:hover .caption_teamleitungbox {
opacity: 1;
}
#teamleitung.mobil .teamleitungbox:hover .caption_teamleitungbox {
opacity: 0 !important;
}
#teamleitung .teamleitungbox img {
width: 100%;
}
#teamleitung #teamleitung_caption {
position: relative;
display: none;
margin: 0 0 5% 0;
}
#teamleitung.mobil #teamleitung_caption {
margin: 5% 0 5% 0;
}
#teamleitung #teamleitung_caption .left {
float: left;
}
#teamleitung #teamleitung_caption .right {
float: left;
}
#text_lippold, #text_moiseenko, #text_koerdt, #text_mueller-wienbergen, #text_may, #text_weber, #text_schulte, #text_schoepping, #text_koenig, #text_schumacher, #text_gesineweber {
display: none;
}
#team .teambox {
position: relative;
float: left;
cursor: pointer;
}
#team .teambox .teambox_caption {
position: absolute;
z-index: 2;
color: #fff;
width: 100%;
height: 65%;
padding-top: 35%;
opacity: 0;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_caption_middle.png);
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
#team .teambox .teambox_caption.high {
height: 67%;
padding-top: 33%;
}
.teamleitungbox .teambox_caption_mobil {
display: none;
}
.teambox .teambox_caption_mobil {
display: none;
}
#team .teambox img {
position: relative;
width: 100%;
height: auto;
display: block;
z-index: 1;
}
#team .teambox:hover .teambox_caption {
opacity: 1;
}
#team .teambox h2 {
margin: 12px 0 8px 0;
line-height: 1.3em;
text-align: center;
}
#leistungen {
position: relative;
width: 100%;	
min-height: 800px;
}
#leistungen .leistungenbox {
position: relative;
float: left;
cursor: pointer;
}
#leistungen .leistungenbox img {
position: relative;
width: 100%;
height: auto;
z-index: 10;
display: block;
}
#leistungen .leistungenbox .caption_leistungenbox {
position: absolute;
width: 80%;
display: flex;
justify-content: center;
align-items: center;
text-align: center; opacity: 1;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_caption_leistungen.png);
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
height: 100%;
color: #fff;
z-index: 11;
padding: 0 10% 0 10%;
}
#leistungen .leistungenbox:hover .caption_leistungenbox {
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_caption_leistungen_hover.png);
}
#leistungen .leistungenbox.breaker .caption_leistungenbox {
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back_caption_middle_breaker.png);
}
#leistungen .leistungenbox.breaker .caption_leistungenbox {
font-size: 1.6em;
}
#chooser {
position: relative;
display: block;
width: 100%;
height: 30px;
}
ul#chooser li {
float: left;
margin: 0 3.2em 0 0;
}
ul#chooser li:before {
content: '';
}
ul#chooser li.last {
margin: 0 0 0 0 !important;
}
ul#chooser li a {
display: block;
font-size: 1em;
text-decoration: none;
color: #000;
}
ul#chooser li a:hover {
opacity: 0.7;
}
ul#chooser li a.current {
color: #d9d700;
}
.single_publikationen {
float: left;
font-weight: bold;
border-bottom: 1px solid black;
padding-bottom: 26px;
}
.single_publikationen h1 {
margin: 0 !important;
font-size: 2.7em !important;
letter-spacing: -0.06em;
}
.single_publikationen .authors {
font-size: 0.85em;
line-height: 1.3em;
font-weight: bold;
}
.single_publikationen .quelle {
color: #6f6f6e;
font-size: 0.85em;
line-height: 1.4em;
font-weight: normal;
}
.kontakt_left {
position: relative;
float: left;
width: 50%;
height: auto;
margin: 0 0 88px 0;
}
.kontakt_right {
position: relative;
float: left;
width: 50%;
height: auto;
margin: 0 0 88px 0;
} div.accordion {
margin: 0;
}
h3.accordion-title {
width: calc(100% - 10px);
height: 26px; 
background-color: #979798;
margin: 14px 0 0 0 !important;
padding: 8px 0 2px 10px !important;
cursor: pointer;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
outline: none;
color: #fff;
}
h3.accordion-title.open {
opacity: 1 !important;
background-color: #d9d900;
}
h3.accordion-title:hover {
background-color: #d9d900;
}
.accordion-content {
width: calc(100% - 130px);
background-color: #fff;
padding: 16px 120px 50px 10px !important;
}
.accordion-content p {
font-size: 1em !important;
} #map {
position: relative;
background-color: rgb(229, 227, 223);
overflow: hidden;
width: 100%;
height: 600px;
margin: 0;
}
.awmp_map_wrapper {
border: 1px solid white !important;
} @media (max-width: 760px) {
#header {
height: 109px !important;
background-size: 480px 33px !important;
}
#navi {
top: 62px !important;
}
#banner_home .caption {
font-size: 1.6em !important;
bottom: 38px !important;
}
.div_middle {
width: 100% !important;
margin-bottom: 28px !important;
}
.div_middle_3 {
width: 100% !important;
margin-bottom: 28px;
}
.caption_div_middle, .caption_div_middle_3 {
font-size: 1.6em !important;
}
.pic_middle_3 {
width: 100%;
height: auto;
}
#teaser_home {
width: 100%;
padding: 18px 0% 60px 0%;
}
#info_home {
margin: 0 0 0 7% !important;
}
#content .text_container {
width: 94% !important;
}
#content h1.laecheln2021 {
display: block;
font-family: "LL Akkurat Bold Web";
font-size: 2.4em;
height: auto;
margin: 0.8em 0 20px 0 !important;
line-height: 122%;
text-align: center;
}
#content h2.laecheln2021 {
width: 80%;
font-family: "LL Akkurat Bold Web";
font-size: 2em;
margin: 2.6em auto 20px auto;
line-height: 122%;
text-align: center;
}
#content h3.laecheln2021 {
font-size: 1.6em;
padding: 0 2em 0 2em;
text-align: center;
}
#content p.laecheln2021 {
font-size: 1.2em;
margin: 4em auto 6em auto;
}
#content .doppelblock .leftcol_laecheln2021 {
width: 100%;
font-size: 1.1em;
margin: 0 0 2em 0;
}
#content .doppelblock .rightcol_laecheln2021 {
width: 100%;
font-size: 1.1em;
margin: 0 0 0 0;
}
#content .doppelblock .leftcol_laecheln2021.reverse {
margin: 0 0 2em 0;
}
#content .doppelblock .rightcol_laecheln2021.reverse {
margin: 0 0 0 0;
}
.flickity-prev-next-button {
width: 28px;
height: 28px;
background-image: url(//www.kfo-lippold.de/wp-content/themes/kfolippold/images/back-prev-next.png) !important;
}
.flickity-prev-next-button.previous {
left: 20px;
}
.flickity-prev-next-button.next {
right: 20px;
}
.accordion-content {
width: calc(100% - 20px);
padding: 16px 10px 50px 10px !important;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.single_publikationen {
width: 100% !important;
margin: 0 0 3% 0;
}
#teamleitung .teamleitungbox .caption_teamleitungbox {
height: 100%;
line-height: 1.25em;
font-size: 1.3em;
}
#team .teambox {
width: 48% !important;
margin: 0 4% 2.5% 0 !important;
font-size: 0.9em !important;
}
#team .teambox:nth-child(2n) {
margin: 0 0 2.5% 0 !important;
}
#team .teambox h2 {
font-size: 0.9em !important;
}
img.contentpic {
width: 100% !important;
}
.kontakt_left {
position: relative;
float: none;
width: 94%;
height: auto;
margin: 0 0 88px 0;
}
.kontakt_right {
position: relative;
float: none;
width: 94%;
height: auto;
margin: 0 0 88px 0;
}
.tag.kontakt {
display: block;
float: none !important;
width: 100%;
margin: 10px 0 0 0;
}
#siegel {
background-size: 52px 100px;
width: 52px;
height: 100px;
top: 12px;
right: 0;
z-index: 1000;
}
#siegel_gbo {
position: absolute;
background-size: 50px 50px;
width: 50px;
height: 50px;
top: 67px;
right: 92px;
}
#footer {
background-size: 480px 33px !important;
}
#impressumlink {
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 20px 0;
}
}
@media (max-width: 1010px) {
#header {
height: 119px;
background-size: 960px 66px;
}
#stoerer_termin {
width: 84px;
padding: 16px 12px 12px 12px;
right: 3%;
top: 174px;
border-radius: 12px;
background-image:url(https://www.kfo-lippold.de/wp-content/themes/kfolippold/images/icon_kalender.png);
background-size: 80px 80px;
background-position: center 10px;
}
#stoerer_termin_content {
font-size: 0.8em;
}
#innerwrapper {
width: 100%;
}
#navi {
top: 72px;
}
#innernavi {
display: none;
}
#innernavi_mobil {
display: block;
}
#innerwrapper_content {
position: relative;
margin: 0 auto;
width: 86%;
}
#banner_home .caption {
font-size: 2.6em;
bottom: 68px;
}
#banner_home .flickity-prev-next-button {
display: none;
}
.div_middle {
position: relative;
float: left;
width: 49%;
margin-right: 2%;
margin-bottom: 42px;
}
img.pic_middle {
display: block;
width: 100%;
height: auto;
}
.div_middle_3 {
position: relative;
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 28px;
}
.caption_div_middle {
font-size: 2.2em;
}
.caption_div_middle_3 {
font-size: 1.4em;
}
img.pic_middle_3 {
display: block;
width: 100%;
height: auto;
}
#info_home {
width: 86%;
margin: 0 auto;
padding: 18px 0 0 0;
}
#info_home .leftcol {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
#info_home .rightcol {
width: 100%;
}
#info_home .rightcol #parkinfo {
display: none;
}
#content, .text_container {
width: 78%;
}
#content.mit_banner {
width: 94%;
margin: 0 3% 72px 3%;
}
#content.page_30 {
width: 94%;
padding-left: 0;
margin: 62px 3% 72px 3%;
}
#content.mit_banner_publikationen {
width: 94%;
padding-left: 0 !important;
margin: 0 3% 72px 3%;
}
#content.mit_banner_publikationen h1 {
margin: 1.2em auto 1.6em 0;
}
#content.mit_banner_publikationen img.bannerthumb {
width: 100%;
height: auto;
margin: 0 0 44px 0;
}
#content.mit_banner #banner_praxis {
margin: 0 0 44px 0;
}
.single_publikationen {
width: 48.5%;
margin: 0 3% 3% 0;
}
.single_publikationen:nth-child(2n) {
margin: 0 0 3% 0;
}
#teamleitung.mobil {
display: block;
}
#teamleitung.desktop {
display: none;
}
#teamleitung .teamleitungbox {
width: 100% !important;
margin: 0 0 3% 0 !important;
}
#teamleitung .teamleitungbox .caption_teamleitungbox {
height: 100%;
line-height: 1.25em;
font-size: 1.3em;
}
#teamleitung .teamleitung_caption .left {
width: 100%;
}
#teamleitung .teamleitung_caption .right {
width: 100%;
margin-top: 22px;
}
#teamleitung .teamleitungbox:nth-child(2n) {
margin: 0 0 4% 0;
}
#team .teambox {
width: 31%;
margin: 0 3.5% 2.5% 0;
font-size: 0.9em;
}
#team .teambox:nth-child(3n) {
margin: 0 0 2.5% 0;
}
#leistungen .leistungenbox {
width: 100%;
margin: 0 0 2.5% 0;
}
.leftcol_mit_caption {
display: none;
}
#siegel_gbo {
background-size: 80px 80px;
width: 80px;
height: 80px;
top: 128px;
right: 0;
}
#footer {
height: 62px;
background-size: 960px 62px;
margin: 60px 0 0 0;
}
#impressumlink {
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 20px 0;
}
}
@media (min-width: 1010px) {
#header {
height: 119px;
background-size: 960px 66px;
}
#innerwrapper, #innernavi {
width: 960px;
}
#stoerer_termin {
width: 114px;
padding: 20px 16px 12px 16px;
right: 2%;
top: 168px;
border-radius: 16px;
background-image:url(https://www.kfo-lippold.de/wp-content/themes/kfolippold/images/icon_kalender.png);
background-size: 80px 80px;
background-position: center 10px;
}
#navi {
top: 72px;
}
#navilayer_mobil {
display: none;
}
ul#menu {
display: block;
}
ul#menu_mobil {
display: none;
}
ul#menu li {
margin: 1.3em 0 0 42px;
}
#banner_home .caption {
font-size: 2.6em;
bottom: 68px;
}
#container_mobil {
display: none;
}
.div_middle {
position: relative;
float: left;
width: 49%;
margin-right: 2%;
margin-bottom: 42px;
}
.caption_div_middle {
font-size: 2.6em;
}
img.pic_middle {
display: block;
width: 100%;
height: auto;
}
.div_middle_3 {
position: relative;
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 28px;
}
.caption_div_middle_3 {
display: block;
font-size: 1.8em;
}
img.pic_middle_3 {
display: block;
width: 100%;
height: auto;
}
#info_home {
width: 88%;
padding: 38px 0 60px 12%;
border-top: 1px solid #e3e3e3;
margin: 112px 0 0 0;
}
#info_home .leftcol {
width: 26%;
padding: 0 4% 0 0;
}	
#info_home .rightcol {
width: 60%;
padding: 0;
}
#content {
width: calc(560px - 6%);
padding-left: 400px;
margin: 62px 3% 72px 3%;
}
#content.full {
width: 94%;
margin-left: 3%;
margin-right: 3%;
padding-left: 0;
}
#content.mit_banner {
margin: 0 3% 72px 3%;
}
#content.page_30 {
width: 100%;
padding-left: 0;
margin: 62px 0 72px 0;
}
#content.mit_banner_publikationen {
width: 100%;
padding-left: 0 !important;
margin: 0 0 72px 0;
}
#content.mit_banner_publikationen h1 {
margin: 1.2em auto 1.6em 0;
}
#content.mit_banner_publikationen img.bannerthumb {
width: 100%;
height: auto;
margin: 0 0 44px 0;
}
#content.mit_banner #banner_praxis {
width: 960px;
left: -428px;
margin: 0 0 44px 0;
}
#content.mit_banner #banner_praxis img {
width: 100%;
height: auto;
}
#content.mit_banner img.bannerthumb {
width: 960px;
height: auto;
margin: 0 0 44px 0;
margin-left: -428px;
}
.single_publikationen {
width: 31.666666%;
margin: 0 0 2.5% 2.5%;
}
.single_publikationen:nth-child(3n) {
margin: 0 0 2.5% 0;
}
.text_container {
width: 54%;
padding: 0 35% 0 12%;
}
ul#chooser {
width: 64%;
padding: 0 35% 0 12%;	
}
#teamleitung.desktop {
display: block;
}
#teamleitung.desktop.last {
margin: 0 0 2.5% 0;
}
#teamleitung.mobil {
display: none;
}
#teamleitung .teamleitungbox {
width: 31.66666%;
margin: 0 2.5% 2.5% 0;
}
#teamleitung .teamleitungbox .caption_teamleitungbox {
height: 100%;
line-height: 1.25em;
font-size: 1em;
}
#teamleitung .teamleitung_caption .left {
width: 64.5%;
}
#teamleitung .teamleitung_caption .right {
width: 31.5%;
margin-left: 4%;
margin-top: 0;
}
#teamleitung .teamleitungbox:nth-child(3n) {
margin: 0 0 0 0;
}
#team .teambox {
width: 22%;
margin: 0 4% 2.5% 0;
font-size: 0.9em;
}
#team .teambox:nth-child(4n) {
margin: 0 0 2.5% 0;
}
#leistungen .leistungenbox {
width: 31.66666%;
margin-bottom: 2.5%;
}
.grid_leistungenbox {
width: 31.66666%;
}
.gutter_leistungenbox {
width: 2.5%;
}
#leistungen .leistungenbox .caption_leistungenbox {
height: 100%;
line-height: 1.25em;
font-size: 1.2em;
}
#siegel {
background-size: 58px 110px;
width: 58px;
height: 110px;
top: 36px;
right: 10px;
}
#siegel_gbo {
background-size: 80px 80px;
width: 80px;
height: 80px;
top: 158px;
right: 8px;
}
#footer {
height: 62px;
background-size: 960px 62px;
margin-top: 42px;
}
#impressumlink {
position: absolute;
right: 0;
bottom: 0;
margin: 0 0 20px 0;
}
}
@media (min-width: 1440px) {
#header {
height: 149px;
background-size: 1360px 94px;
}
#innerwrapper, #innernavi {
width: 1360px;
}
#navi {
top: 102px;
}
#logo {
width: 397px;
}
ul#menu li {
margin: 1.3em 0 0 68px;
}
#banner_home .caption {
font-size: 3.6em;
bottom: 128px;
}
.div_middle .caption_div_middle {
opacity: 0;
padding: 0 0 0 0;
height: 413px;
}
.div_middle .caption_div_middle a {
padding: 188px 0 0 0;
height: 226px;
}
.div_middle:hover .caption_div_middle {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.div_middle_3 .caption_div_middle_3 {
opacity: 0;
padding: 117px 0 0 0;
height: 150px;
}
.div_middle_3:hover .caption_div_middle_3 {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.div_middle_3 .caption_div_middle_3.double {
opacity: 0;
padding: 107px 0 0 0 !important;
height: 160px !important;
}
.div_middle_3:hover .caption_div_middle_3.double {
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#info_home {
width: 80%;
padding: 38px 8% 60px 12%;
border-top: 1px solid #e3e3e3;
margin: 112px 0 0 0;
}
#info_home .leftcol {
width: 16%;
padding: 0 4% 0 0;
}	
#info_home .rightcol {
width: 40%;
padding: 0;
}
#content {
width: 660px;
padding-left: 400px;
}
#content img.minus98 {
margin-left: -98px;
}
#content.kfo {
margin: 0 3% 72px 3%;
}
#content.kfo img.bannerthumb_kfo {
width: 720px;
margin-left: -298px;
}
#content.mit_banner {
width: 874px;
padding-left: 184px;
margin: 0 3% 72px 3%;
}
#content.mit_banner_publikationen {
width: 1360px;
padding-left: 0 !important;
margin: 0 0 72px 0;
}
#content.mit_banner_publikationen h1 {
margin: 1.2em auto 1.6em 0;
}
#content.mit_banner img.bannerthumb {
width: 1360px;
height: auto;
margin: 0 0 44px -224px;
}
#content.mit_banner_publikationen img.bannerthumb {
width: 1360px;
height: auto;
margin: 0 0 44px 0;
}
#content.mit_banner_publikationen.laecheln2021 img.bannerthumb {
width: 1360px;
height: auto;
margin: 0 0 0 0;
}
#content.mit_banner #banner_praxis {
width: 1360px;
margin: 0 0 44px 204px;
}
#content.mit_banner #banner_praxis img {
width: 100%;
height: auto;
}
#content div.leftcol {
position: absolute;
display: block;
height: auto;
}
#content div.leftcol img {
width: 100%;
height: auto;
}
#content div.wp-caption-text, #content div.wp-caption-text {
text-align: right;
padding: 8px 10px 0 0 !important;
font-size: 0.8em;
line-height: 1.4em;
}
#content div.wp-caption-text	{
width: 100%;
text-align: right !important;
}
#content div.wp-caption-text.left	{
text-align: left !important;
}
#teamleitung .teamleitungbox .caption_teamleitungbox {
height: 100%;
line-height: 1.25em;
font-size: 1.2em;
}
#team .teambox {
width: 18%;
margin: 0 2.5% 2.5% 0;
font-size: 0.9em;
}
#team .teambox:nth-child(4n) {
margin: 0 2.5% 2.5% 0;
}
#team .teambox:nth-child(5n) {
margin: 0 0 2.5% 0;
}
#siegel {
background-size: 80px 152px;
width: 80px;
height: 152px;
top: 22px;
right: 5px;
}
#siegel_gbo {
background-size: 160px 160px;
width: 160px;
height: 160px;
top: 25px;
right: 120px;
}
#footer {
height: 95px;
background-size: 1360px 95px;
margin-top: 0;
}
#impressumlink {
position: absolute;
right: 0;
bottom: 0;
margin: 0 0 20px 0;
}
}
@media (-moz-touch-enabled: 10), (pointer:coarse) {
.teamleitungbox .teambox_caption_mobil {
display: block;
margin: 10px 0 0 0;
}
.teambox .teambox_caption_mobil {
display: block;
height: 48px;
}
}