@font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/fonts/open-sans-v40-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/fonts/open-sans-v40-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/fonts/open-sans-v40-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/fonts/open-sans-v40-latin-700.woff2) format('woff2'); } body {
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Open Sans', "Helvetica Neue", Arial, sans-serif;
color: #0a0a0a;
font-size: 18px;
line-height:30px;
font-weight: 300;
background-color: #fff;
}
strong {
color:#2667c4;
}
blockquote {
border: none;
font-style: normal;
background-color: transparent;
padding:0px;
font-size: 18px;
line-height: 30px;
margin-bottom: 10px;
}
pre {
max-width:100%;
white-space:pre-wrap;
line-height:30px;
padding: 50px;
}
hr {background-image: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/images/bar.png);}
a, a:visited { 
color:#2667c4;
text-decoration: none;
} img, .main-navigation .main-nav ul li a, a{
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
img:hover, a:hover  {
opacity: .7;
}
h1 {
font-size:45px;
line-height:68px;
text-align: center;
color: #2667c4;
}
h1 strong {
font-size:22px;
font-weight:500;
color:#000;
}
h2{
font-size:30px; 
line-height:45px;
}
h3{
font-size: 18px;
}
h4, h5, h6{
font-size: 18px;
font-weight: 300;
text-align: center;
} .header-image {max-width:200px;} .site-content a {
color:#2667c4;
}
.site-content ul{margin-left: 0px; }
.site-content ul li  {
list-style-type: none;
background-image: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/images/list.png);
background-repeat: no-repeat;
padding-left: 30px;
background-size: 10px 4px;
background-position: left 12px;	
}
.grey ul li  {
background-image: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/images/list-white.png);
}
.site-content ol{margin-left: 20px;}
.site-content ol li {
padding-left:15px!important;
} .main-navigation  {
background-color: transparent;
}
.main-nav ul li a {
font-size: 18px;
text-transform: ;
color:#0a0a0a;
}
.main-navigation .main-nav ul li a:hover {
color: #2667c4;
}
.main-navigation.is_stuck {
background-color:#fff;
}
.main-nav ul li[class*="current-menu-"] > a {
color: #2667c4;
font-weight:700;
} .gp-icon svg {
color: #2667c4;
font-size:25px;
}
.gp-icon svg:hover {
color: #666;
} .slideout-navigation.main-navigation {
background-color: rgba(28,103,195,0.8);
}
.slideout-navigation.main-navigation ul li a{
line-height:40px;
color:#fff;
font-weight:300;
}
.slideout-navigation.main-navigation ul li a:hover{
color:#fdc20c!important;
}
.slideout-navigation ul li[class*="current-menu-"] > a {
color: #fdc20c!important;
font-weight:normal;
}
.slideout-navigation button.slideout-exit .gp-icon svg {
color: #fff;
} .site-footer {
text-align: center;
}
.footer-widgets {
background-color: transparent;
}
.footer-widgets img {
max-width:40px;
}
.footer-widgets a, .footer-widgets a:visited {
color: #333; }
.footer-widgets a:hover {
color: #2667c4;
}
.footer-widgets strong {
text-transform: uppercase;
font-weight: normal;
}
.site-info {
background-color: transparent;
}
.site-info a, .site-info a:visited {
color: #333; }
.site-info a:hover {
color: #2667c4;
}
.copyright-bar ul {
margin-left:0;
}
.copyright-bar li  {
background-image: none;
display: inline;
list-style-type: none; margin-right:10px;}
.footer-bar-align-right .copyright-bar {
float: none;
}
.home .site-footer {
background:#2667c4;
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/images/kinderhaven-mutter-kind-angebot.png)!important;
background-repeat:repeat-x;
background-position: center top;
padding-top:150px;
}
.home .footer-widgets, .home .footer-widgets a, .home .footer-widgets a:visited, .home .site-info a, .home .site-info a:visited  {
color:#fff;
}
.home .footer-widgets a:hover, .home .site-info a:hover  {
color:#ccc;
} .footer-widgets .iwhite  {
display:none!important;
}
.home .footer-widgets .iwhite  {
display:inline!important;
}
.home .footer-widgets .iblack  {
display:none!important;
} .current-menu-parent a { color:#2667c4!important;} .center {text-align: center;}
.rechts {
text-align:right;
}
.rechts img {float:right; }
.none  {display:none;} *:focus-visible {
outline-color: currentColor;
outline-style: solid;
outline-offset: .25rem;
outline-width: .25rem;
}
.screen-reader-text{color:#000!important;}  .su-expand-link a {
border: none;
color:#fff!important;
}
.wann .su-expand-link a {
padding: 5px 10px!important;
border: 1px solid #e8c72b!important;
border-radius:2px;
}
.wann p, .wann strong, .mehr p, .mehr strong   {
color:#fff;
} .su-tabs {background:transparent!important;
color:#fff!important;}
.su-tabs-panes {color:#fff!important;
background:transparent!important;
}
.su-tabs-pane {
color: #fff!important;
background:transparent!important;
font-size:16px!important;
}
.su-tabs-nav span {
margin: 0 15px 5px 0!important;
color: #fff  !important;
font-size: 16px!important;
border:solid 1px;
}
.su-tabs-nav span.su-tabs-current {
background: transparent!important;
color:e8c72b !important;
font-weight:700;
}
.su-tabs-nav span:hover {
background: transparent!important;
color:#e8c72b!important;
}  #cv td {
border: none;
}
#cv {
border: none;
}
#cv td{
vertical-align: top;
} .grey{
background-color: #2667c4;
}
.grey, .grey h2, .grey h3, .grey ul, .grey strong, .kontakt, .kontakt h2, .kontakt h3, .kontakt ul,  .kontakt strong   {
color: #fff;
}
.grey a, .kontakt a {color:#e8c72b;} .kontakt{
padding:100px 20px;
background-image:linear-gradient(rgba(36, 103, 196, 0.9), rgba(36, 103, 196, 0.9)), url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/images/kinderhaven-kontakt.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center top;
} .grey .su-row .su-column{
width: 50%;
margin-left: 0%;
}
.spielraum, .sandspielraum, .systemischessandspiel,.mutter, .massage, .montessori, .familienraum,.wedy {
height: 70vh;
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/spielraum-angebot-wilhemshaven.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
}
.sandspielraum {
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/sandspielraum-kurs-angebot.jpg);
}
.systemischessandspiel {
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/systemisches-sandspiel-beratung-wilhemshaven.jpg);
}
.massage {
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/schmetterlingsbabymassage-angebot-wilhelmshaven.jpg);
}
.familienraum {
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/familienraum-wilhelmshaven.jpg);
}
.montessori {
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/vorschulraum-mit-montessorimaterial-kursangebot.jpg);
}
.mutter {
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/mutige-muetter-gespraechskreise-wilhelmshaven.jpg);
}
.wedy {
background-image: url(https://kinderhaven-wilhelmshaven.de/wp-content/uploads/2024/11/gabriele-wedy-diplom-paedagogin.jpg);
} .box1 {
padding:5% 5% 5% 7%;
} .her { text-align: center;
font-size:20px;
color:#2667c4;
padding-bottom:30px;
line-height:30px;
} @keyframes mymove {
0%   {top: 0px; left: -1200px; }
25%  {top: 0px; left: 0px; }
}
.schiff {
position: relative;
animation: mymove 15s ease 1;
} .schiff {
text-align: center;
padding-top: 200px;}
section{
position: relative;
width: 100%;
height: 70vh;
overflow: hidden;
background-image:linear-gradient(rgba(36, 103, 196, 0.9), rgba(36, 103, 196, 0.9)), url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/images/kinderhaven-kurse.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed ;
background-position: center top;
}
section .air{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-size: 1000px 100px;
background-image: url(//kinderhaven-wilhelmshaven.de/wp-content/themes/generatepresschild/images/kinderhaven-wave.png);
}
section .air.air1{
animation: wave 30s linear infinite;
z-index: 1000;
opacity: 1;
animation-delay: 0s;
bottom: 0;
}
section .air.air2{
animation: wave2 15s linear infinite;
z-index: 999;
opacity: 0.5;
animation-delay: -5s;
bottom: 10px;
}
section .air.air3{
animation: wave 30s linear infinite;
z-index: 998;
opacity: 0.2;
animation-delay: -2s;
bottom: 15px;
}
section .air.air4{
animation: wave2 5s linear infinite;
z-index: 997;
opacity: 0.7;
animation-delay: -5s;
bottom: 20px;
}
@keyframes wave{
0%{
background-position-x: 0px; 
}
100%{
background-position-x: 1000px; 
}
}
@keyframes wave2{
0%{
background-position-x: 0px; 
}
100%{
background-position-x: -1000px; 
}
}  .start {
padding:0 20px;
}
.start h2 {
font-size:20px; 
font-weight:300;
line-height:30px;
color:#2667c4;
}
.start .su-column {
padding-bottom:30px;
box-shadow: 15px 0px 22px -8px rgba(158,150,158,0.5);
}
.start .su-column:hover {
background-color:#eaeff6;
}
.start ul, .start h2 {
padding-left: 20px;
}
.start ul {
min-height:130px;
}
.home blockquote {
text-align:center;
padding-top:40px;
} @media screen and (max-width: 1700px) {
body {
font-size:16px; 
line-height:27px;
}
}
@media screen and (max-width: 1366px) { section{
height: 60vh;
background-attachment:scroll;
}
.schiff {
padding:100px 100px 0 100px;
} .su-tabs-nav span {
margin: 0 3px 5px 0!important;
font-size: 12px!important;
padding-left:5px!important;
padding-right:5px!important;
}
}
@media screen and (max-width: 1124px) { section{
height: 50vh;
background-attachment:scroll;
}
.schiff {
padding-top:150px;
}
.grey .su-row .su-column, .white .su-row .su-column{
width: 100%!important;
} .reverse.su-row  {
display: flex; 
flex-direction: column-reverse;
}
}
@media(min-width: 769px) { .inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
}
#site-navigation {
margin-left: unset !important;
display: flex;
}
.site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
margin: unset;
}
#site-navigation,
#primary-menu,
.main-navigation .inside-navigation {
flex: 1;
} .main-navigation ul li:nth-child(4) {
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.header-image {max-width:150px;} .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
background-color: transparent;
} .inside-header.grid-container {
flex-direction: column;
align-items: center;
}
.inside-header nav#mobile-menu-control-wrapper {
margin-left: auto;
margin-right: auto;
} body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info  { 
font-size:16px;
line-height:25px;
} h1{ 
font-size:30px; 
line-height:45px;
} h2 {
font-size: 20px;
line-height:30px;
}
h3 {
font-size: 16px;
}
h6{
font-size: 14px;
} .main-nav ul li a {
font-size: 20px;
} .copyright-bar ul {margin: 0;}
.copyright-bar ul li{
display: block;
padding: 0;
margin: 10px 0;
} .abstand {margin-bottom:10px;}
.rechts  {text-align:left;}
.rechts img {float:left; margin-right:10px;}  @keyframes mymove {
0%   {top: 0px; left: -400px; }
25%  {top: 0px; left: 0px; }
} .schiff {
text-align: center;
padding:60px 40px 0;
}
section{
height: 35vh;
background-position: center center;
} .whitestart {padding:0 20px;}
.her { font-size:18px;
line-height:25px;
padding-bottom:20px;
}
.start .su-column {
padding-bottom:0px;
box-shadow: none;
}
.start ul {
min-height:auto;
}
.home blockquote {
font-size:14px;
}  .gray, .white, .kontakt {
padding-top:40px;
padding-bottom:40px;
} .neutral {padding:0 40px;} .spielraum, .sandspielraum, .systemischessandspiel,.mutter, .massage, .montessori, .familienraum,.wedy {
height: 40vh;
} .box1 {
padding:4% 6% 10% 12%;
}
.reverse .box1 {
padding-top:10%!important;
}
}