@charset "UTF-8";
/* siehe http://getbootstrap.com/css/#grid-options */

/* xs, sm, md - <1200px */
@media screen and (max-width: 1199px) {
  .frame-container { max-width: 100%; }
  .main-container .slick-slider .gallery-item-size-1 { width: 100%; }
}

/* xs, sm */
@media screen and (max-width: 991px) {
  body { overflow-x: hidden; }

  #kinderzimmer_xxx {
    display: block;
    height: calc(100vw * 573 / 1000);
    width: 100vw;
    position: relative;
    top: 0;
  }
  #kinderzimmer_mobile { display: block; }
  #kinderzimmer { display: none; }
  #kinderzimmer_animate { display: none !important; }
  
  .menue#hintergrund_xxx {
    height: calc(100vw * 573 / 1000 / 1.0);
    width: calc(100vw / 1.0);
    transform: scale(1.0);
    transform-origin: top left;  
  }

  #kizi_image {
    width:100%;
  }  


  #page-column { width: 100%; left: 0; padding:0; }
  .mainnav { margin-top: 20px; margin-bottom: 0; padding: 20px; }
  .mainnav ul { list-style-type: none; padding: 0; }
  .mainnav ul li {
    font-family: sala_de_fiestasregular;
    font-size: 1.5em;
    background-color: #005A87;
    display: block;
    float: none;
    margin: 10px 30px;
    padding: 15px;
    text-align: center;
    width: auto;
  }
  .mainnav ul li a { color: #fff; display: block; }
  .mainnav ul li.active { background-color: #962d23; }
  #page-column #page-container #pfeile { right: 0; }
  #page-column #page-container #stop { right: 0; }
  .main-container { margin-top: 0; }
  .splitter.games { margin: 0; }
  .splitter.games > div { width: 50%; text-align: center; max-width: 50%; flex: 0 0 50%; } 
  .splitter.games .teaser { width: 310px; display: inline-block; }

  .tx-ww-kindspiel #traudich-memory-form-wrapper .fieldset-wrapper .form-type-radio { width: 130px; height: 130px; }
  .tx-ww-kindspiel #traudich-memory-form-wrapper .fieldset-wrapper .form-type-radio .option { width: 121px; height: 121px; }
  .tx-ww-kindspiel #traudich-memory-form-wrapper .fieldset-wrapper .form-type-radio .option > span { width: 130px; height: 130px; }

  .tx-ww-meinung .frage1 .option1 { width: 100%; }
  .tx-ww-meinung .frage1 .option2 { width: 100%; }
  .tx-ww-meinung .frage1 .option3 { width: 100%; }

  .tx-ww-meinung .frage2 .option1 { width: 100%; }
  .tx-ww-meinung .frage2 .option2 { width: 100%; }
  .tx-ww-meinung .frage2 .option3 { width: 100%; }

  .tx-ww-meinung .frage3 .option1 { width: 100%; }
  .tx-ww-meinung .frage3 .option2 { width: 100%; }
  .tx-ww-meinung .frage3 .option3 { width: 100%; }
  .tx-ww-meinung .frage3 .option4 { width: 100%; }
  .tx-ww-meinung .frage3 .option5 { width: 100%; }
  .tx-ww-meinung .frage3 .option6 { width: 100%; }

  .tx-ww-meinung .frage4 .option1 { width: 100%; }
  .tx-ww-meinung .frage4 .option2 { width: 100%; }
  .tx-ww-meinung .frage4 .option3 { width: 100%; }

  #page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu { display: block; }
  #page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf.float-right { float: right!important; text-align: unset; }

}

@media screen and (min-width: 850px) and (max-width: 991px) {
  .main-container { margin-top: 0; }
}

/* xs - <768px */
@media screen and (max-width: 767px) {
  #kinderzimmer_xxx {
    display: block;
    background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/mobile/banner-top_760x408.jpg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    min-height: calc(100vw * 408 / 760);
    width: 100%;
    position: relative;
    top: -20px;
    z-index: -1;
    height: auto;
  }
  .menue#hintergrund_xxx {
    height: calc(100vw * 573 / 1000);
    width: 100vw;
    transform: none;
    transform-origin: unset;  
  }

  #page-column a:hover small { display: none; }
  .mainnav { margin-top: 0px; margin-bottom: 0px; padding: 20px; }

  .region-header {
    float: unset;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
  }

  #header #block-menu-menu-multiplikatorenportal {
    float: left;
    height: 34px;
    background-color: #fff;
    margin: 0;
  }
  #header #block-menu-menu-multiplikatorenportal ul.menu li.leaf a#link-to-mp { /*background-color: #fff;*/ color: #000; font-weight: normal; }
  #header #block-menu-menu-multiplikatorenportal ul.menu li.leaf a#link-to-mp:hover { color: #004b6b; }
  #header #block-menu-menu-header-menu ul.menu li a:hover { color: #004b6b; }
  #header #block-menu-menu-header-menu {
    float: none;
    height: 34px;
    padding: 0;
    margin: 0;
  }
  #header #block-menu-menu-header-menu ul {
    float: right;
    padding-right: 1em;
    background-color: #fff;
  }
  #site-logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/fileadmin/kp_site/themes/traudich_kp/images/custom/mobile/logo-mobile-v1_288x240.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #018CCF;
    display: block;
    font-size: 2em;
    font-weight: normal;
    height: 240px;
    margin: 20px auto 0;
    width: 288px;
    position: relative;
  }
  #site-logo img { display: none; }

  #page-column #page-container #pfeile { right: 0; }
  #page-column #page-container #stop { right: 0; }
  #page-container { position: relative; }
  #footer ul { float: none !important; }
  #footer ul li { float: none !important; text-align: center!important; }
  #footer ul li a { display: inline-block !important; width: 100%; line-height: unset !important; padding: 5px !important; }
  #footer #menu-item-bzga { float: right; margin: 10px; }
  #footer #menu-item-bmfsfj { float: left; margin: 10px; }
  #page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf.float-right { float: none!important; text-align: center; }

  .main-container .frame-layout-110 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-110 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-110 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-111 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-111 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-111 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-112 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-112 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-112 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-113 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-113 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-113 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-114 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-114 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-114 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-115 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-115 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-115 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-116 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-116 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-116 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-117 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-117 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-117 .textmedia-item.textmedia-gallery { width: 100%; }
  .main-container .frame-layout-118 .textmedia-item.textmedia-text { width: 100%; }
  .main-container .frame-layout-118 .textmedia-left .textmedia-item.textmedia-text { width: 100%; padding-left: 20px; }
  .main-container .frame-layout-118 .textmedia-right .textmedia-item.textmedia-text { width: 100%; padding-right: 20px; }
  .main-container .frame-layout-118 .textmedia-item.textmedia-gallery { width: 100%; }

  .main-container .frame-layout-130 .textmedia-left .textmedia-text { padding-left: 20px; }

  .tx-ww-themalexikon .lexikon-thema-uebersicht { width: 100%; }
  .splitter.games { margin: 0; }
  .splitter.games > div { width: 100%; text-align: center;  max-width: 100%; flex: 0 0 100%;} 
  .splitter.games .teaser { width: 310px; display: inline-block; }

  .tx-ww-kindspiel #traudich-memory-form-wrapper .traudich-memory-form-wrapper2 { width: 100%; }
  .tx-ww-kindspiel #traudich-memory-form-wrapper .fieldset-wrapper .form-type-radio { width: 115px; height: 115px; }
  .tx-ww-kindspiel #traudich-memory-form-wrapper .fieldset-wrapper .form-type-radio .option { width: 106px; height: 106px; }
  .tx-ww-kindspiel #traudich-memory-form-wrapper .fieldset-wrapper .form-type-radio .option > span { width: 115px; height: 115px; font-size: 0.9em;}
}

/* xs - <576px */
.main-container .textmedia-gallery { /*width: 100%!important;*/ }

}

/* xs - <479px */
@media screen and (max-width: 479px) {

}

/* sm, md, lg - >=768px */
@media screen and (min-width: 768px) {
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

}
/* sm - >=768px */
@media screen and (min-width: 768px) and (max-width: 991px) {

}

/* md,lg - >=992px */
@media screen and (min-width: 992px) {

}

/* md - >=992px */
@media screen and (min-width: 992px) and (max-width: 1199px) {

}

/* lg - >=1200px */
@media screen and (min-width: 1200px) {

}


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

  /* md screen, safari only override above media query */

  #mainnavbar { width: calc(100vw - 20px); }

  }}

@supports (-ms-ime-align:auto) {
  /* EDGE */
}

@media all and (-ms-high-contrast:none) {
  /* IE10 */
  *::-ms-backdrop,  .beispiel {  } /* IE11 */
}