@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-300.eot); src: local('Open Sans Light'), local('OpenSans-Light'),
url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-300.woff2) format('woff2'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-300.woff) format('woff'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-300.ttf) format('truetype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-regular.eot); src: local('Open Sans Regular'), local('OpenSans-Regular'),
url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-regular.woff2) format('woff2'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-regular.woff) format('woff'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-regular.ttf) format('truetype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-600.eot); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-600.woff2) format('woff2'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-600.woff) format('woff'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-600.ttf) format('truetype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-600.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-700.eot); src: local('Open Sans Bold'), local('OpenSans-Bold'),
url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-700.woff2) format('woff2'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-700.woff) format('woff'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-700.ttf) format('truetype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-700.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-800.eot); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-800.woff2) format('woff2'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-800.woff) format('woff'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-800.ttf) format('truetype'), url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/open-sans-v15-latin-800.svg#OpenSans) format('svg'); }
@font-face { font-family: '28_days';
src: url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/28_days_later-webfont.woff2) format('woff2'),
url(//www.jugendhilfe-juko.de/wp-content/themes/primerALT/fonts/28_days_later-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} .blau {
color: #03326c;
} .gelb {
color: #ffee00;
}
#kontakt_karte p {
color: #FFF;
}
#cookie-notice {
background: #03326c !important;
z-index: 999999;
}
#cookie-notice span#cn-notice-text,
#cookie-notice .cookie-notice-container a.button {
}
#cookie-notice span#cn-notice-text { line-height: 26px;
margin-bottom: 10px;
}
#cookie-notice .cookie-notice-container {
padding: 16px 30px 16px 30px;
box-shadow: 0 4px 4px rgba(0,0,0,0.3);
color: #FFF;
font-size: 14px;
}
#cookie-notice .cookie-notice-container a.button {
border: 0px solid #e46e00;
border-radius: 0px;
padding: 6px 12px 6px 12px;
margin: 0 5px 0 20px;
color: #03326c !important;
background: #ffee00 !important;
box-shadow: none;
font-weight: 600;
text-decoration: none;
}
#cookie-notice .cookie-notice-container a.button:nth-of-type(2) {
white-space: nowrap;
}
#cookie-notice .cookie-notice-container a.button:hover {
opacity: 0.75;
text-decoration: none;
}
@media screen and (max-width: 1150px) {
#cookie-notice span#cn-notice-text {
display: block;
line-height: 26px;
margin-bottom: 10px;
}
}
#content.site-content {
max-width: none;
}
.category main#main {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.category main#main article {
width: auto;
float: none;
}
body, h1, h2, h3, h4, h5, h6, p ,ul, li, a, div {
color: #03326c; }
#primary #main article a, a:hover, a:visited:hover, a:focus, a:visited:focus, a:active, a:visited:active {
color: #03326c; }
#primary #main a:hover, a:visited:hover {
color: rgba(3,50,108,0.7); }
#primary #main a.button {
color: #FFF;
}
#primary #main a.button:hover {
background: #ffee00;
color: #03326c;
}
body {
background: #FFF;
}
.gelb {
color: #ffee00;
}
.dunkelblau {
color: #03326c; } #headerbild_container {
position: relative;
width: 100%;
height: 53.5vw;
}
#headerbild {
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
}
#zeilen28 {
position: relative;
top: 152px;
left: 17.86vw;
width: auto;
height: auto;
z-index: 11;
}
#zeile28_1,
#zeile28_2 {
width: auto;
display: inline-block;
font-family: '28_days';
z-index: 20;
}
#zeile28_1 {
font-size: 120px;
line-height: 143px;
}
#zeile28_2 {
margin-top: 20px;
font-size: 72px;
line-height: 117px;
}
.site-header-wrapper {
display: none;
}
#logo {
display: block;
position: absolute;
top: 20px;
right: 20px;
z-index: 20;
width: 201px;
height: 72px;
}
.page-title-container {
display: none;
}
#abstandhalter {
width: 100%;
height: 150px;
background: #FFF;
}
#zeilen28 {
width: 100%;
position: absolute;
top: 152px;
left: 0px;
text-align: center;
}
#zeilen28_inner {
text-align: left;
display: inline-block;
margin: 0 auto;
width: auto;
}
#zeile28_1 {
display: block;
width: 100%;
text-align: left;
}
#zeile28_2 {
margin-top: 10px;
display: block;
width: 100%;
text-align: left;
}
#zeile28_1_inner {
display: inline-block;
width: auto;
margin: 0 auto;
text-align: left;
color: #03326c;
background: #ffee00;
padding: 0 30px 0 30px;
}
#zeile28_2_inner {
display: inline-block;
width: auto;
margin: 0 auto;
text-align: left;
color: #03326c;
background: #ffee00;
padding: 0 30px 0 30px;
}
.weg {
display: none;
}  #bildnavi1 {
height: 10em;
background: url(https://s-media-cache-ak0.pinimg.com/originals/cd/34/3c/cd343cee046f5fd545f2a21dccbc6b92.jpg) 50%;
background-size: cover;
&:before {
display: block;
font: 900 8em/1.25 verdana, sans-serif;
text-align: center;
content: 'BOO';
}
&:first-of-type {
&:before {
background: #fff;
color: #000;
mix-blend-mode: lighten;
}
}
}
#perspektiven {
color: #FFF;
font-size: 80px;
font-weight: 600;
text-align: center;
}
.page-start h1.page-title,
.page-bilder h1.page-title,
.page-bilder-juko-adult h1.page-title,
.page-bilder-juko-junior h1.page-title {
display: none;
}
.parent-bilder h1.page-title,
.parent-bilder-juko-adult h1.page-title,
.parent-bilder-juko-junior h1.page-title  {
text-align: center;
border-bottom: 3px solid #03326c; }
.parent-bilder #primary #main article .page-content,
.parent-bilder-juko-adult #primary #main article .page-content,
.parent-bilder-juko-junior #primary #main article .page-content {
margin: 0 auto 23px auto;
}
.page-start #primary,
.page-bilder #primary,
.page-bilder-juko-adult #primary,
.page-bilder-juko-junior #primary {
padding: 0 39px 0 39px;
margin: 0 0 0 0;
}
.page-start #primary #main article .page-content,
.page-start.layout-one-column-wide .content-area,
.page-bilder #primary #main article .page-content,
.parent-bilder #primary #main article .page-content,
.page-bilder.layout-one-column-wide .content-area,
.page-bilder-juko-adult #primary #main article .page-content,
.parent-bilder-juko-adult #primary #main article .page-content,
.page-bilder-juko-adult.layout-one-column-wide .content-area,
.page-bilder-juko-junior #primary #main article .page-content,
.parent-bilder-juko-junior #primary #main article .page-content,
.page-bilder-juko-junior.layout-one-column-wide .content-area {
width: 100%;
max-width: 100%;
margin: 0 0 23px 0;
}
#teaser_container {
width: 100%;
height: auto;
height: 60vw;
}
.page-bilder-juko-adult #teaser_container,
.page-bilder-juko-junior #teaser_container {
width: 100%;
height: auto;
min-height: 250px;
}
.page-bilder-juko-adult #teaser_container:after,
.page-bilder-juko-junior #teaser_container:after {
position: relative;
content: " ";
clear: both;
float: none;
}
#teaser_container a {
display: block;
height: auto;
}
.teaser {
width: 50%;
height: 19.78vw;
float: left;
background: none;
padding: 14px;
position: relative;
}
.teaser .teaser_inner {
background: #000;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.teaser .background {
opacity: 0.6;
width: 100%;
height: 100%;
}
a:hover .teaser .background {
opacity: 1.0;
}
.teaser .teasertext {
position: absolute;
top: 7vw;
left: 7vw;
width: 70%;
min-height: auto;
}
.teaser .teasertext h4 {
border-bottom: 3px solid #FFF;
line-height: 23px;
padding: 0 0 0 0;
margin-bottom: 5px;
}
.teaser .teasertext h4 span {
background: #FFF;
color: #03326c;
text-transform: uppercase;
padding: 0px 6px 0px 5px;
line-height: 6px;
font-size: 16px;
}
#primary #main article .teaser .teasertext .subtext {
color: #FFF;
font-size: 15px;
line-height: 20px;
}
#drehtuer {
width: 100%;
height: 40vw;
max-height: 500px;
position: relative;
margin: -15px 0 50px 0;
perspective: 4600px;
}
#drehtuer .slide {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
#drehtuer #slide1 {
background: url(//www.jugendhilfe-juko.de/wp-content/uploads/slider1a.jpg) center center no-repeat;
background-size: cover;
z-index: 100;
transform: rotateY(0deg);
transition: transform 0.6s ease-in-out;
transform-style: preserve-3d;
}
#drehtuer #slide2 {
background: url(//www.jugendhilfe-juko.de/wp-content/uploads/slider2a.jpg) center center no-repeat;
background-size: cover;
z-index: 99;
transform: rotateY(180deg);
transition: transform 0.6s ease-in-out;
transform-style: preserve-3d;
}
#drehtuer #slide1.drehen {
transform: rotateY(-180deg);
transition: transform 0.6s ease-in-out;
transform-style: preserve-3d;
}
#drehtuer #slide2.drehen {
transform: rotateY(0deg);
transition: transform 0.6s ease-in-out;
transform-style: preserve-3d;
perspective: 5600px;
}
#drehtuer .slide span {
display: block;
position: absolute;
left: 0px;
top: 30%;
width: 100%;
color: #FFF;
font-size: 80px;
font-weight: 600;
line-height: 100px;
text-align: center;
text-transform: uppercase;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
#drehtuer #slide2 span {
color: #ffee00;
}  nav#site-navigation {
display: none;
}
html {
padding-top: 0px !important;
}
#wprmenu_bar.wprmenu_bar {
width: 121px;
height: 101px;
padding: 0 0 0 0;
z-index: 11111;
position: absolute !important;
}
#wprmenu_bar.wprmenu_bar.active {
height: 80px;
}
.hamburger-box {
top: 37px;
left: 36px;
width: 49px;
height: 32px;
}
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
border-radius: 0px;
width: 49px;
height: 5px;
}
#wprmenu_bar .hamburger-inner:before {
top: 14px;
}
#wprmenu_bar .hamburger-inner:after {
top: 27px;
}
#mg-wprm-wrap.cbp-spmenu-left {
position: fixed;
position: absolute !important;
top: 0px;
padding-top: 80px;
height: auto;
z-index: 11110;
}
#mg-wprm-wrap ul {
padding-bottom: 15px;
}
#mg-wprm-wrap ul li:first-child {
position: relative;
z-index: 22222;
}
#mg-wprm-wrap li.menu-item:hover,
#mg-wprm-wrap li.menu-item a:hover {
background: #043c82;
}
#mg-wprm-wrap li.menu-item a {
padding: 6px 25px 6px 36px;
cursor: pointer;
}
div#mg-wprm-wrap ul li span.wprmenu_icon::before {
top: -3px;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -26px, 0) rotate(-90deg);
}  h1.page-title {
font-size: 45px;
text-transform: uppercase;
color: #03326c;
}
#primary #main article {
padding: 0 0 0 0;
}
#primary #main article * {
font-size: 17px;
}
#primary #main article .page-content {
max-width: 820px;
margin-bottom: 50px;
}
#content.site-content { }
.layout-two-column-reversed #primary.content-area {
width: calc(66% - 80px);
max-width: 820px;
padding-left: 60px;
margin: 0 20px 0 0;
float: left;
}
.layout-two-column-reversed #secondary.widget-area {
width: 24%;
max-width: 330px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#secondary aside.widget_nav_menu {
padding: 0 0 0 0;
}
#secondary aside.widget_nav_menu ul li {
padding: 0 0 0 0;
margin: 18px 0 18px 0;
text-align: right;
position:relative;
}
#secondary aside.widget_nav_menu ul li a {
display: block;
background: #ffee00; color: #03326c; text-transform: uppercase;
font-size: 24px;
line-height: 46px;
padding: 4px 28px 4px 0;
text-align: right;
font-weight: 700;
}
#secondary aside.widget_nav_menu ul li.current_page_item a {
border-right: 10px solid #03326c; }
aside#nav_menu-3,
aside#nav_menu-4,
aside#nav_menu-5,
aside#nav_menu-6,
aside#nav_menu-7 {
display: none;
}
.page-juko-adult aside#nav_menu-7,
.parent-juko-adult aside#nav_menu-7,
.page-juko-junior aside#nav_menu-6,
.parent-juko-junior aside#nav_menu-6,
.page-einrichtung aside#nav_menu-3,
.page-angebot aside#nav_menu-4,
.page-karriere aside#nav_menu-5,
.parent-einrichtung aside#nav_menu-3,
.parent-angebot aside#nav_menu-4,
.parent-karriere aside#nav_menu-5 {
display: block;
}
#bild_links {
height: 200%;
min-height: 400px;
}
#secondary aside.widget_nav_menu ul li a:hover {
background: rgba(255,238,0,0.6) }
#bild_links.mobil {
display: none;
}  .gallery-row {
width: 100% !important;
}
.tiled-gallery .gallery-row .gallery-group { }
.parent-bilder .page-content,
.parent-bilder .page-content .tiled-gallery,
.parent-bilder-juko-adult .page-content,
.parent-bilder-juko-adult .page-content .tiled-gallery,
.parent-bilder-juko-junior .page-content,
.parent-bilder-juko-junior .page-content .tiled-gallery {
margin: 0 auto;
}
body.parent-bilder.layout-one-column-narrow .site-content,
body.parent-bilder-juko-adult.layout-one-column-narrow .site-content,
body.parent-bilder-juko-junior.layout-one-column-narrow .site-content {
width: 80%;
max-width: 80%;
}
.jp-carousel-image-meta {
display: none;
}
.final-tiles-gallery.ftg-hover-enabled .tile.hover .tile-inner:before, .final-tiles-gallery.ftg-hover-enabled .tile:hover .tile-inner:before {
opacity: 0.0;
}
.final-tiles-gallery.ftg-hover-enabled .tile .tile-inner:before, 
.final-tiles-gallery.ftg-hover-enabled .tile .tile-inner:before {
opacity: 0.0;
}
#zurueck {
margin: 20px 0 10px 0;
}  button, a.button, a.button:visited, input[type="button"], input[type="reset"], input[type="submit"], .site-info-wrapper .social-menu a:hover {
color: #FFF;
background: #03326c; }
.page-kontakt #primary {
max-width: 470px;
}
span.wpcf7-form-control-wrap,
span.wpcf7-form-control-wrap > input {
width: 100%;
}
.page-kontakt.layout-one-column-wide #primary {
margin-left: 20%;
width: 40%;
margin-right: 1%;
float: left;
}
.page-kontakt.layout-one-column-wide #secondary {
float: right;
width: 30%;
margin-right: 8%;
margin-left: 1%;
}
.page-kontakt #kontakt_karte {
width: 100%;
height: 460px;
margin-top: 93px;
float: right;
}
.wpcf7-list-item {
margin: 0 0 0 0;
}
.wpcf7-list-item input[type="checkbox"] {
margin: 0 6px 0 0;
}  .archive section#primary {
float: none;
margin: 0 auto;
width: 80%;
}
.archive #secondary {
display: none;
}
.archive article {
float: left;
width: 25%;
}
.archive article .featured-image,
.archive article .entry-header,
.archive article .entry-summary {
width: 100%;
padding: 10px 20px 10px 20px;
margin: 0 0 0 0; line-height: 22px;
}
.archive h2.entry-title {
line-height: 22px;
margin: 0 0 0 0;
}
.archive article .entry-summary p {
margin-top: 0px;
}
.archive .entry-footer,
.archive .entry-meta {
display: none;
}  .single header#masthead #logo {
z-index: 99999;
}
.single header#masthead {
background: none;
color: rgba(0,0,0,0);
}
.single #headerbild_container {
max-height: 500px;
}
.single #content {
max-width: 820px;
margin: 30px auto 30px auto;
}
.single #primary {
width: 100%;
margin: 0 0 0 0;
}
.single .featured-image {
display: none;
}
.single #secondary {
display: none;
}
.single .entry-content {
margin-top: 0px;
}
.single .entry-meta .posted-author {
display: none;
}
.single #primary #main article .entry-meta span.posted-date {
font-size: 15px;
}
.single #primary #main article .entry-meta span,
.single #primary #main article .entry-footer span,
.single #primary #main article .entry-footer span a,
.single #primary #main article .entry-meta a {
color: #03326c; }
.single.team .entry-meta {
display: none;
}  footer#colophon {
background: url(//www.jugendhilfe-juko.de/wp-content/uploads/background_footer.jpg) center center no-repeat;
background-size: cover;
}
.site-footer-inner {
max-width: 1056px;
margin: 0 auto;
}
.footer-widget-area {
padding-top: 0px;
}
.footer-widget-area .footer-widget,
.footer-widget-area .footer-widget p,
.footer-widget-area .footer-widget a {
color: #FFF;
font-size: 18px;
}
.footer-widget-area.columns-2 .footer-widget:nth-child(1) {
width: 71.02%;
max-width: 750px;
background: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.footer-widget-area.columns-2 .footer-widget:nth-child(2) {
width: 20%;
width: 220px;
max-width: 220px;
padding: 0 0 0 0;
margin: 0 0 0 0; }
.footer-widget-area.columns-2 .footer-widget aside {
padding: 0 0 0 0;
}
.site-footer .widget {
background: none;
}
footer#colophon .textwidget * {
color: #FFF;
}
footer#colophon #logo_juko {
width: 199px;
height: 71px;
background: url(//www.jugendhilfe-juko.de/wp-content/uploads/logo1.png) left top no-repeat;
background-size: 199px 71px;
margin: 30px 0 30px -20px;
}
footer#colophon #logo_juko.nodisplay {
background: none;
}
footer#colophon .textwidget h4 {
border-bottom: 3px solid #FFF;
line-height: 25px;
padding: 0 0 0 0;
}
footer#colophon .textwidget h4 span {
background: #FFF;
color: #03326c;
text-transform: uppercase;
padding: 0px 6px 0px 5px;
line-height: 6px;
font-size: 16px;
}
footer#colophon .textwidget #head {
font-weight: bold;
float: none;
width: 100%;
line-height: 25px;
}
#footer_kontakt {
margin-bottom: 30px;
}
.footer-widget-area .spalte {
width: auto;
line-height: 25px;
}
.footer-widget-area .spalte:nth-child(2) {
float: left;
margin-right: 5.5%;
}
.footer-widget-area .spalte:nth-child(3) {
float: left;
}
.footer-widget-area .spalte:last-child {
float: right;
}
#footer_kontakt:after {
content: " ";
display: block;
float: none;
clear: both;
}
.footer-widget:nth-of-type(2) aside:first-of-type {
margin: 0 0 0 0;
}
.footer-widget:nth-of-type(2) ul.menu {
margin-top: 7px;
}
.footer-widget:nth-of-type(2) aside:nth-of-type(2) li {
padding: 0 0 0 0;
font-size: 15px;
}
.footer-widget:nth-of-type(2) aside:nth-of-type(2) li a {
text-transform: uppercase;
font-size: 15px;
line-height: 20px;
padding: 0 0 0 0;
}
footer#colophon .copyright {
font-size: 14px;
}
footer#colophon #copyright2 {
display: none;
} @media screen and (max-width: 5200px) {
.archive article .entry-summary > p:first-child {
min-height: 44px;
max-height: 44	px;
text-overflow: ellipsis;
} 
}
@media screen and (max-width: 2200px) {
.archive article .entry-summary > p:first-child {
min-height: 66px;
max-height: 66px;
text-overflow: ellipsis;
} 
}
@media screen and (max-width: 1550px) {
.archive article .entry-summary > p:first-child {
min-height: 88px;
max-height: 88px;
text-overflow: ellipsis;
} 
}
@media screen and (max-width: 1300px) {
.archive article {
width: 33.3%;
}
.archive article .entry-summary > p:first-child {
min-height: 66px;
max-height: 66px;
text-overflow: ellipsis;
} 
}
@media screen and (max-width: 1250px) {
.page-juko-adult.layout-two-column-reversed #primary.content-area,
.parent-juko-adult.layout-two-column-reversed #primary.content-area,
.page-juko-junior.layout-two-column-reversed #primary.content-area,
.parent-juko-junior.layout-two-column-reversed #primary.content-area,
.page-einrichtung.layout-two-column-reversed #primary.content-area,
.page-angebot.layout-two-column-reversed #primary.content-area,
.page-karriere.layout-two-column-reversed #primary.content-area,
.parent-einrichtung.layout-two-column-reversed #primary.content-area,
.parent-angebot.layout-two-column-reversed #primary.content-area,
.parent-karriere.layout-two-column-reversed #primary.content-area {
width: calc(67% - 60px);
padding-left: 40px;
}
.page-juko-adult.layout-two-column-reversed #secondary.widget-area,
.parent-juko-adult.layout-two-column-reversed #secondary.widget-area,
.page-juko-junior.layout-two-column-reversed #secondary.widget-area,
.parent-juko-junior.layout-two-column-reversed #secondary.widget-area,
.page-einrichtung.layout-two-column-reversed #secondary.widget-area,
.page-angebot.layout-two-column-reversed #secondary.widget-area,
.page-karriere.layout-two-column-reversed #secondary.widget-area,
.parent-einrichtung.layout-two-column-reversed #secondary.widget-area,
.parent-angebot.layout-two-column-reversed #secondary.widget-area,
.parent-karriere.layout-two-column-reversed #secondary.widget-area {
width: 33%;
max-width: 300px;
min-width: 300px;
}
}
@media screen and (max-width: 1150px) {
footer#colophon {
padding: 0 30px 0 30px;
}
.footer-widget-area.columns-2 .footer-widget:nth-child(1) {
width: 75%;
}
.footer-widget-area.columns-2 .footer-widget:nth-child(2) {
width: 180px;
max-width: 180px;
}
.footer-widget-area .spalte:nth-child(2) {
margin-right: 4.5%;
}
#zeile28_1 {
font-size: 10.3vw;
line-height: 12.3vw;
}
#zeile28_2 {
font-size: 6.3vw;
line-height: 10vw;
}
.archive section#primary {
width: 95%;
}
}
@media screen and (max-width: 1030px) {
.footer-widget-area.columns-2 .footer-widget:nth-child(1),
.footer-widget-area.columns-2 .footer-widget:nth-child(2) {
float: none;
width: 90%;
max-width: 750px;
margin-bottom: 30px;
}
.footer-widget-area .spalte:nth-child(2) {
margin-right: 5.5%;
}
footer#colophon {
padding: 0 30px 0 40px;
}
footer#colophon #copyright1 {
display: none;
}
footer#colophon #copyright2 {
display: block;
}
footer#colophon #logo_juko.nodisplay {
display: none;
}
#drehtuer .slide span {
font-size: 6.8vw;
line-height: 7.9vw;
}
.archive article {
width: 50%;
}
.archive article .entry-summary > p:first-child {
min-height: 44px;
max-height: 44px;
text-overflow: ellipsis;
} 
}
@media screen and (max-width: 976px) {
.main-navigation-container {
display: none;
}
}
@media screen and (max-width: 930px) {
.footer-widget-area .spalte:nth-child(2) {
margin-right: 3.5%;
}
.page-start #primary, 
.page-bilder #primary,
.page-bilder-juko-adult #primary,
.page-bilder-juko-junior #primary {
padding: 0 15px 0 15px;
}
.teaser {
padding: 8px;
}
.teaser .teasertext {
top: 5vw;
left: 5vw;
width: 80%;
}
#primary #main article .teaser .teasertext .subtext {
font-size: 14px;
line-height: 18px;
}
.archive article .entry-summary > p:first-child {
height: 88px;
max-height: 88px;
} 
}
@media screen and (max-width: 880px) {
.footer-widget-area .spalte:nth-child(2),
.footer-widget-area .spalte:nth-child(3),
.footer-widget-area .spalte:last-child {
float: none;
margin: 5px 0 5px 0;
}
h1.page-title {
font-size: 35px;
margin-top: 5px;
}
.page-juko-adult.layout-two-column-reversed #primary.content-area,
.parent-juko-adult.layout-two-column-reversed #primary.content-area,
.page-juko-junior.layout-two-column-reversed #primary.content-area,
.parent-juko-junior.layout-two-column-reversed #primary.content-area,
.page-einrichtung.layout-two-column-reversed #primary.content-area,
.page-angebot.layout-two-column-reversed #primary.content-area,
.page-karriere.layout-two-column-reversed #primary.content-area,
.parent-einrichtung.layout-two-column-reversed #primary.content-area,
.parent-angebot.layout-two-column-reversed #primary.content-area,
.parent-karriere.layout-two-column-reversed #primary.content-area {
width: calc(67% - 60px);
padding-left: 40px;
}
.page-juko-adult.layout-two-column-reversed #secondary.widget-area,
.parent-juko-adult.layout-two-column-reversed #secondary.widget-area,
.page-juko-junior.layout-two-column-reversed #secondary.widget-area,
.parent-juko-junior.layout-two-column-reversed #secondary.widget-area,
.page-einrichtung.layout-two-column-reversed #secondary.widget-area,
.page-angebot.layout-two-column-reversed #secondary.widget-area,
.page-karriere.layout-two-column-reversed #secondary.widget-area,
.parent-einrichtung.layout-two-column-reversed #secondary.widget-area,
.parent-angebot.layout-two-column-reversed #secondary.widget-area,
.parent-karriere.layout-two-column-reversed #secondary.widget-area {
width: 33%;
max-width: 240px;
min-width: 240px;
}
#secondary aside.widget_nav_menu ul li a {
font-size: 18px;
}
.page-kontakt.layout-one-column-wide #primary,
.page-kontakt.layout-one-column-wide #secondary {
width: 100%;
padding: 0 30px 0 30px;
margin: 0 auto 0 auto;
float: none;
}
.page-kontakt #kontakt_karte {
margin: 0 0 40px 0;
}
.page-kontakt #kontakt_karte_mobil { }
.single #primary {
padding: 0 40px 0 40px;
}
}
@media screen and (max-width: 767px) {
.teaser .teasertext {
top: 6vw;
left: 6vw;
width: 70%;
}
#primary #main article .teaser .teasertext .subtext {
display: none;
}
.page-juko-adult.layout-two-column-reversed #primary.content-area,
.parent-juko-adult.layout-two-column-reversed #primary.content-area,
.page-juko-junior.layout-two-column-reversed #primary.content-area,
.parent-juko-junior.layout-two-column-reversed #primary.content-area,
.page-einrichtung.layout-two-column-reversed #primary.content-area,
.page-angebot.layout-two-column-reversed #primary.content-area,
.page-karriere.layout-two-column-reversed #primary.content-area,
.parent-einrichtung.layout-two-column-reversed #primary.content-area,
.parent-angebot.layout-two-column-reversed #primary.content-area,
.parent-karriere.layout-two-column-reversed #primary.content-area {
width: 100%;
margin: 0 0 0 0;
padding: 0 30px 0 30px;
}
.page-juko-adult.layout-two-column-reversed #secondary.widget-area,
.parent-juko-adult.layout-two-column-reversed #secondary.widget-area,
.page-juko-junior.layout-two-column-reversed #secondary.widget-area,
.parent-juko-junior.layout-two-column-reversed #secondary.widget-area,
.page-einrichtung.layout-two-column-reversed #secondary.widget-area,
.page-angebot.layout-two-column-reversed #secondary.widget-area,
.page-karriere.layout-two-column-reversed #secondary.widget-area,
.parent-einrichtung.layout-two-column-reversed #secondary.widget-area,
.parent-angebot.layout-two-column-reversed #secondary.widget-area,
.parent-karriere.layout-two-column-reversed #secondary.widget-area {
display: none;
}
#mg-wprm-wrap li.menu-item a {
padding: 9px 25px 9px 36px;
}
div#mg-wprm-wrap ul li span.wprmenu_icon::before {
top: 1px;
}
#mg-wprm-wrap.cbp-spmenu-left {
max-height: calc(100vh - 80px);
overflow-y: scroll;
}
#bild_links.mobil {
display: block;
width: 100%;
height: auto;
margin: -50px 0 50px 0;
min-height: auto;
}
}
@media screen and (max-width: 640px) {
.page-impressum #primary.content-area,
.page-datenschutz #primary.content-area {
width: 100%;
padding: 0 6.5% 0 6.5%;
margin: 0 0 0 0;
}
}
@media screen and (max-width: 600px) {
#headerbild_container {
height: 60vw;
}
.home #teaser_container {
height: 234vw;
}
.teaser {
width: 100%;
height: 40vw;
}
.home .teaser {
float: none;
width: 100%;
height: 39vw;
}
.home .teaser .teasertext {
top: 10vw;
left: 10vw;
width: 80%;
}
.home #primary #main article .teaser .teasertext .subtext {
display: block;
font-size: 15px;
line-height: 20px;
}
.archive article {
width: 100%;
}
.archive article .entry-summary > p:first-child {
min-height: auto;
max-height: auto;
height: auto;
} 
}
@media screen and (max-width: 500px) {
#headerbild_container {
height: 70vw;
}
.single #primary {
padding: 0 30px 0 30px;
}
#logo {
width: 80px;
height: 29px;
}
#wprmenu_bar.wprmenu_bar {  width: 80px;
height: 66px;
padding: 0 0 0 0;
z-index: 11111;
}
#wprmenu_bar.wprmenu_bar.active {
height: 66px;
}
.hamburger-box {    top: 20px;
left: 20px;
width: 35px;
height: 20px;
}
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
width: 40px;
}
#wprmenu_bar .hamburger-inner:before {
top: 13px;
}
#wprmenu_bar .hamburger-inner:after {
top: 25px;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -25px, 0) rotate(-90deg);
}
#mg-wprm-wrap.cbp-spmenu-right, 
#mg-wprm-wrap.cbp-spmenu-left, 
#mg-wprm-wrap.cbp-spmenu-right.custom, 
#mg-wprm-wrap.cbp-spmenu-left.custom, 
.cbp-spmenu-vertical {
width: 75%;
max-width: 246px;
min-width: 246px;
}
#mg-wprm-wrap.cbp-spmenu-left {
max-height: calc(100vh - 1px);
padding-top: 66px;
}
#mg-wprm-wrap li.menu-item a {
padding: 7px 15px 7px 23px;
hyphens: auto;
}
}
@media screen and (max-width: 450px) {
.page-kontaktformular main#main h1.page-title {
font-size: 7.5vw;
line-height: 9vw;
hyphens: auto;
}
}
@media screen and (max-width: 400px) {
.parent-karriere h1.page-title,
.page-stellenangebote h1.page-title {
font-size: 8.3vw;
line-height: 10.5vw;
hyphens: auto;
}
}
@media screen and (max-width: 374px) {
.teaser .teasertext {
top: 7vw;
left: 7vw;
width: 85%;
}
#primary #main article .teaser .teasertext .subtext {
font-size: 13px;
line-height: 16px;
}
#headerbild_container {
height: 70vw;
}
#zeilen28 {
top: 122px;
}
#zeile28_2 {
font-size: 6.2vw;
}
}
@media (any-hover: none) { 
#drehtuer {
display: none;
}
#drehtuer.displayblock {
display: block;
}
}