@font-face {font-family: 'LeftoverCrayon-Italic';src: url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_0_0.eot);src: url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_0_0.eot?#iefix) format('embedded-opentype'),url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_0_0.woff2) format('woff2'),url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_0_0.woff) format('woff'),url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_0_0.ttf) format('truetype');}
@font-face {font-family: 'LeftoverCrayon-Regular';src: url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_1_0.eot);src: url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_1_0.eot?#iefix) format('embedded-opentype'),url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_1_0.woff2) format('woff2'),url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_1_0.woff) format('woff'),url(//www.spielen-macht-schule.de/wp-content/themes/x-child/webfonts/355DBA_1_0.ttf) format('truetype');}
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 400;
} .eg-mckinley-element-0 {
text-transform: unset!important;
}
@-moz-document url-prefix() {
body {
font-weight: lighter !important;
}
}
h2 {
color: #F7A600;
}
a.rs-layer.rev-btn {
font-family: ubuntu-condensed!important;
}
.single-x-portfolio h2 {
font-size: 240%;
}
.x-brand.text {
display: none;
}
.logo-img {
width: 90%;
max-width:370px;
min-width: 250px;
left: -43px;
top: -65px;
}
hr {
border-top: 1px solid rgba(0,0,0,0.15);
}
.h-custom-headline.accent span::before, .h-custom-headline.accent span::after {
background-color: #dfdfdf!important;
}
.h-custom-headline {
font-size: 45px;
letter-spacing: 1px !important;
font-family: LeftoverCrayon-Regular!important;
}
.x-columnize {
column-rule: 1px solid rgba(0,0,0,0.15);
}
.single-x-portfolio .x-section:nth-of-type(2n) {
padding-left: 3%!important;
padding-right: 3%!important;
}
.home .x-section:nth-of-type(2n) {
padding-left: 0!important;
padding-right: 0!important;
}
.x-section:first-of-type, .x-section:first-of-type .x-bg {
min-height: 210px;
} 
.header-slider {
font-family: LeftoverCrayon-Regular!important;
}
.zitat {
font-family: LeftoverCrayon-Regular!important;
font-size: 1.8em;
line-height: 1.4em;
}
.category-header {
font-family: LeftoverCrayon-Regular!important;
font-size: 1.8em;
line-height: 1.4em;
color: #fff;
padding-left: 2%;
padding-top: 7px;
}
.category-header p {
margin-bottom: 0;
}
article.page {
margin: 0 2.5%;
}
.x-navbar {
border-bottom: unset;
}
.x-navbar .desktop .x-nav > li > a > span {
border: unset;
}
.x-navbar .desktop .x-nav > li > a {
padding-left: 10px!important;
padding-right: 10px!important;
font-size: 15px!important;
}
.x-navbar .desktop .x-nav > .current-menu-item > a {
color: #009640!important;
}
.sub-menu {
z-index: 9999;
}
.x-nav-wrap.mobile {
padding-bottom: 50px!important;
}
.rev_slider {
-webkit-box-shadow: 0px 11px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 11px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 11px 5px 0px rgba(0,0,0,0.25);
}
.home .h-custom-headline {
color: #fff !important;
display: inline-block;
font-size: 45px;
letter-spacing: 1px !important;
padding: 27px 15px 20px;
width: 100%;
font-family: LeftoverCrayon-Regular!important;
}
.h-custom-headline.head-column-1 {
background-image: url(https://spielen-macht-schule.de/wp-content/uploads/2018/01/balken-gruen.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.h-custom-headline.head-column-2 {
background-image: url(https://spielen-macht-schule.de/wp-content/uploads/2018/01/balken-orange.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.h-custom-headline.head-column-3 {
background-image: url(https://spielen-macht-schule.de/wp-content/uploads/2018/01/balken-hell-orange.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.wuerfel-header {
position:absolute;
width: 100%;
max-width: 176px;
right: 50px;
top: -66px;
}
.x-breadcrumb-wrap {
border-bottom: unset;
padding: 0.85em 0;
font-size: 11px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.4;
text-transform: uppercase;
background-color: transparent!important;
position: absolute;
width: 100%;
z-index: 1029;
margin-top: 255px;
margin-left: auto;
margin-right: auto;
}
.x-breadcrumb-wrap .x-container {
max-width:100%!important;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);	
}
.x-breadcrumb-wrap .x-container.width {
width: 95%;
}
.x-breadcrumb-wrap .x-container .x-breadcrumbs {
max-width: 1200px;
float: none;
width: 100%;
margin: 0 auto;
padding-bottom: 15px;
padding-left: 3%;
}
.x-breadcrumbs a {
color: #F7A600;
font-size: 12px;
}
.x-breadcrumbs a:hover {
color: #009640;
}
.x-nav-articles {
float: right;
width: 10%;
text-align: right;
position: absolute;
right: 5%;
top: 4px;
font-size: 20px;
}
.x-nav-articles a {
color: #f7a600!important;
}
.seitentitel h1 {
color: #fff;
font-family: LeftoverCrayon-Regular;
font-size: 3.5em;
margin-top: 0.5em;
}
.sponsoren {
display: inline-block;
width: 100%;
} .x-portfolio {
background-color: transparent;
}
.entry-extra {
display: none;
}
.single-x-portfolio .entry-wrap {
width: 100% !important;
float: none !important;
}
.single-x-portfolio .entry-wrap .x-container.max {
max-width: 100%;
width: 100% !important;
padding: 0px !important;
float: none !important;
}
.single-x-portfolio .entry-wrap .entry-content .x-container.max {
max-width: 1200px;
width: 100% !important;
padding: 0px !important;
float: none !important;
}
.single-x-portfolio .entry-featured, .single-x-portfolio .entry-header {
display: none;
}
.single-x-portfolio .entry-content {
padding: 0;
margin: 0;
}
.single .hentry .entry-wrap {
padding: 0;
border-bottom: unset;
}
.spiele-details img {
max-width: 70%;
}
.koop-button img {
max-width: 100%;
}
.x-icon-close {
color: #fff;
}
.portfolio-category-sprechen-lesen-schreiben .category-header {
background-color: #af4d97!important;
}
.portfolio-category-experimentieren-und-konstruieren .category-header {
background-color: #e9531f!important;
}
.portfolio-category-logik-und-strategie .category-header {
background-color: #c7d300!important;	
}
.portfolio-category-outdoor-und-bewegung .category-header {
background-color: #0069b4!important;
}
.portfolio-category-rollenspiel-und-sozialkompetenz .category-header {
background-color: #1899d6!important;
}
.portfolio-category-konzentration-und-geschicklichkeit .category-header {
background-color: #1faa64!important;
}
.portfolio-category-zaehlen-rechnen-mathematisch-denken .category-header {
background-color: #e94766!important;
}
.portfolio-category-zaehlen-rechnen-mathematisch-denken h2, .portfolio-category-zaehlen-rechnen-mathematisch-denken h4, .portfolio-category-zaehlen-rechnen-mathematisch-denken .x-icon-check {
color: #e94766!important;
}
.portfolio-category-logik-und-strategie h2, .portfolio-category-logik-und-strategie h4, .portfolio-category-logik-und-strategie .x-icon-check {
color: #c7d300!important;
}
.portfolio-category-konzentration-und-geschicklichkeit h2, .portfolio-category-konzentration-und-geschicklichkeit h4, .portfolio-category-konzentration-und-geschicklichkeit .x-icon-check {
color: #1faa64!important;
}
.portfolio-category-outdoor-und-bewegung h2, .portfolio-category-outdoor-und-bewegung h4, .portfolio-category-outdoor-und-bewegung .x-icon-check {
color: #0069b4!important;
}
.portfolio-category-sprechen-lesen-schreiben h2, .portfolio-category-sprechen-lesen-schreiben h4, .portfolio-category-sprechen-lesen-schreiben .x-icon-check {
color: #af4d97!important;
}
.portfolio-category-rollenspiel-und-sozialkompetenz h2, .portfolio-category-rollenspiel-und-sozialkompetenz h4, .portfolio-category-rollenspiel-und-sozialkompetenz .x-icon-check {
color: #1899d6!important;
}
.portfolio-category-experimentieren-und-konstruieren h2, .portfolio-category-experimentieren-und-konstruieren h4, .portfolio-category-experimentieren-und-konstruieren .x-icon-check {
color: #e9531f!important;
}
.portfolio-category-wissen-und-verstehen h2, .portfolio-category-wissen-und-verstehen h4, .portfolio-category-wissen-und-verstehen .x-icon-check {
color: #fab60a!important;
}  .esg-media-cover-wrapper {
padding: 25px 10px 0;
border: 2px solid rgba(0, 0, 0, 0.07);
}
.eg-mckinley-content {
padding: 10px!important;
}
.esg-blurlistenerexists .eg-mckinley-element-0-a {
margin-bottom: 23px;
}
.esg-blurlistenerexists .eg-mckinley-element-3, .esg-blurlistenerexists .eg-mckinley-element-3:hover {
color: #fff !important;
font-weight: 400 !important;
padding: 10px 5px !important;
text-transform: unset!important;
line-height: 20px !important;
width: 100% !important;
display: inline-block;
}
.esg-blurlistenerexists .filter-logik-und-strategie .eg-mckinley-element-0-a a:hover {
color: #c7d300;
}
.esg-blurlistenerexists .filter-logik-und-strategie .eg-mckinley-element-3 {
background: #c7d300 !important;
}
.esg-blurlistenerexists .filter-konzentration-und-geschicklichkeit .eg-mckinley-element-0-a a:hover {
color: #16a762;
}
.esg-blurlistenerexists .filter-konzentration-und-geschicklichkeit .eg-mckinley-element-3 {
background: #16a762 !important;
}
.esg-blurlistenerexists .filter-outdoor-und-bewegung .eg-mckinley-element-0-a a:hover {
color: #0069b4;
}
.esg-blurlistenerexists .filter-outdoor-und-bewegung .eg-mckinley-element-3 {
background: #0069b4 !important;
}
.esg-blurlistenerexists .filter-sprechen-lesen-schreiben .eg-mckinley-element-0-a a:hover {
color: #af4d97;
}
.esg-blurlistenerexists .filter-sprechen-lesen-schreiben .eg-mckinley-element-3 {
background: #af4d97 !important;
}
.esg-blurlistenerexists .filter-rollenspiel-und-sozialkompetenz .eg-mckinley-element-0-a a:hover {
color: #1899d6;
}
.esg-blurlistenerexists .filter-rollenspiel-und-sozialkompetenz .eg-mckinley-element-3 {
background: #1899d6 !important;
}
.esg-blurlistenerexists .filter-experimentieren-und-konstruieren .eg-mckinley-element-0-a a:hover {
color: #e9531f;
}
.esg-blurlistenerexists .filter-experimentieren-und-konstruieren .eg-mckinley-element-3 {
background: #e9531f !important;
}
.esg-blurlistenerexists .filter-wissen-und-verstehen .eg-mckinley-element-0-a a:hover {
color: #fab60a;
}
.esg-blurlistenerexists .filter-wissen-und-verstehen .eg-mckinley-element-3 {
background: #fab60a !important;
}
.esg-blurlistenerexists .filter-zaehlen-rechnen-mathematisch-denken .eg-mckinley-element-0-a a:hover {
color: #e94766;
}
.esg-blurlistenerexists .filter-zaehlen-rechnen-mathematisch-denken .eg-mckinley-element-3 {
background: #e94766 !important;
}
.esg-filterbutton {
color: #fff!important;
}
.minimal-light .esg-filterbutton {
margin-right: 5px!important;
cursor: pointer!important;
padding: 0px 16px!important;
border: unset!important;
line-height: 38px!important;
border-radius: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
font-size: 13px!important;
font-weight: 600!important;
}
.esg-filterbutton[data-filter="filterall"] {
background-color: #ccc!important;
}
.esg-filterbutton[data-filter="filter-konzentration-und-geschicklichkeit"] {
background-color: #16a762!important;
}
.esg-filterbutton[data-filter="filter-logik-und-strategie"] {
background-color: #c7d300!important;
}
.esg-filterbutton[data-filter="filter-outdoor-und-bewegung"] {
background-color: #0069b4!important;
}
.esg-filterbutton[data-filter="filter-sprechen-lesen-schreiben"] {
background-color: #af4d97!important;
}
.esg-filterbutton[data-filter="filter-rollenspiel-und-sozialkompetenz"] {
background-color: #1899d6!important;
}
.esg-filterbutton[data-filter="filter-experimentieren-und-konstruieren"] {
background-color: #e9531f!important;
}
.esg-filterbutton[data-filter="filter-wissen-und-verstehen"] {
background-color: #fab60a!important;
}
.esg-filterbutton[data-filter="filter-zaehlen-rechnen-mathematisch-denken"] {
background: #e94766 !important;
}
.minimal-light .esg-filterbutton.selected {
box-shadow: none!important;
} .x-accordion-heading .x-accordion-toggle::before {
-moz-osx-font-smoothing: grayscale;
bottom: 0.1em;
color: #fff;
content: "";
display: inline-block;
font-family: "FontAwesome" !important;
font-size: 74%;
font-style: normal !important;
font-weight: normal !important;
margin-right: 10px;
position: relative;
text-decoration: inherit;
text-rendering: auto;
transform: rotate(-90deg);
transition: all 0.3s ease 0s;
}
.x-accordion-heading .x-accordion-toggle.collapsed::before {
color: #fff;
transform: rotate(0deg);
}
.x-accordion-group {
margin-bottom: 20px;
}
.x-accordion-inner {
padding-bottom: 35px;
padding-left: 4%;
}
.x-accordion-heading a {
color: #fff!important;
font-size: 1.8em!important;
font-weight: 500!important;
line-height: 1em;
font-family: LeftoverCrayon-Regular!important;	
} .x-accordion.leitfragen .x-accordion-group {
margin-bottom: 5px;
}
.x-accordion.leitfragen .x-accordion-heading a {
background-color: #f7a600;
}
.x-accordion.leitfragen .x-accordion-heading a.collapsed {
background-color: #93cdb1;
}
.x-accordion.initiatoren .x-accordion-heading a {
background-color: #f7a600;
}
.x-accordion.initiatoren .x-accordion-heading a.collapsed {
background-color: #93cdb1;
}
.x-accordion-group.experimentieren .x-accordion-heading a {
background-color: #e9531f!important;
}
.x-accordion-group.konzentration .x-accordion-heading a {
background-color: #16a762!important;
}
.x-accordion-group.logik .x-accordion-heading a {
background-color: #c7d300!important;
}
.x-accordion-group.outdoor .x-accordion-heading a {
background-color: #0069b4!important;
}
.x-accordion-group.rollenspiel .x-accordion-heading a {
background-color: #1899d6!important;
}
.x-accordion-group.sprechen .x-accordion-heading a {
background-color: #af4d97!important;
}
.x-accordion-group.wissen .x-accordion-heading a {
background-color: #fab60a!important;
}
.x-accordion-group.zaehlen .x-accordion-heading a {
background-color: #e94766!important;
} .x-flexslider .x-slides img {
width: auto;
}
.x-slide {
padding-top: 40px;
}
.x-counter {
width: 25%;
float: left;
height: 100px;
}
.x-counter .text-below {
text-transform: none;
}
.x-btn, .button, [type="submit"] {
color: #ffffff;
border-color: unset!important;
background-color: #93cdb1!important;
margin-bottom: 0.25em;
text-shadow: unset!important;
box-shadow: unset!important;
border-radius: 0.25em;
}
.x-btn:hover, .button, [type="submit"]:hover{
background-color: #f7a600!important;
} .x-colophon.top {
background-color: #f7a600!important;
padding: 2% 0;
margin: 0 2.5%;
}
.x-colophon.top h3 {
margin-top: 0;
color: #fff;
font-size: 28px;
margin-bottom: 20px;
}
.x-colophon.top p, .x-colophon.top a {
color: #fff;
}
.x-colophon.top a:hover{
color:#000;
}
.znl.widget {
margin-top: 59px!important;
}
.x-colophon.bottom {
padding: 0.5% 0;
}
.x-colophon.bottom .x-colophon-content {
text-transform: none;
font-size: 14px;
}
@media all and (max-width: 1680px) {
.logo-img {
left: 0px;
}
}
@media all and (max-width: 1039px) {
.h-custom-headline {
font-size: 32px;
}
}
@media all and (max-width: 1039px) {
.seitentitel h1 {
margin-top: 0;
}
.x-breadcrumb-wrap {
margin-top: 220px;
}
}
@media all and (max-width: 767px) {
.h-custom-headline.head-column-1, .h-custom-headline.head-column-2,.h-custom-headline.head-column-3 {
background-position: left center;
}
.seitentitel h1, .wuerfel-header {
display: none;
}
.x-counter {
width: 50%!important;
float: left;
height: 100px;
margin-bottom: 20px;
}
h2, h3 {
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; 
}
}
@media all and (max-width: 500px) {
.x-counter {
width: 100%!important;
float: left;
height: 100px;
margin-bottom: 20px;
}
a.x-img.logo-img {
top: -10px!important;
}
.home .x-img.logo-img {
top: -50px!important;
}
.tparrows.uranus {
display: none;
}
.x-section:nth-of-type(2){
padding-top:60px!important;
}
.home .x-section:nth-of-type(2){
padding-top:0!important;
}
.spiele-details img {
max-width: 100%;
}
.category-header {
margin-top: 30px;
}
.x-nav-articles {
width: 20%;
text-align: right;
position: absolute;
top: 33px;
}
}