/* correction bootstrap_package */
.frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) { margin-top: 0; padding-top: 0; }
.frame { padding: 0; }
@media (min-width:1200px) {
  .frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) { margin-top: 0; padding-top: 0; }
  .frame { padding: 0; }
}
@media (min-width:992px) {
  .frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) { margin-top: 0; padding-top: 0; }
  .frame { padding: 0; }
}
@media (min-width:768px) {
  .frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) { margin-top: 0; padding-top: 0; }
  .frame { padding: 0; }
}
@media (min-width:567px) {
  .frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) { margin-top: 0; padding-top: 0; }
  .frame { padding: 0; }
}
/* end correction bootstrap_package */

body {
  background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/struktur.jpg);
  font-family: Tahoma, Verdana, sans-serif;
  width: 100%;
  color: #000;
  padding: 0;
  overflow-x: hidden;
}
.skip { margin: 0; padding: 0; }
.skip li { list-style: outside none none; }
.skip a { position: absolute; height: 0; width: 0; left: -10000px; top: auto; overflow: hidden; }
.skip a:focus, .skip a:active { font-size: 1.2em; color: #000000; height: auto; width: auto; padding: 0.1em; top: 5px; left: 0px; background-color: #eeefeb; border: 1px ridge; border-color: #333333; }

.ce-gallery .ce-row { margin-left: 0; margin-right: 0; }

#menu-item-bmfsfj:focus,
#menu-item-bzga:focus { margin: 1px 0px 9px 0px !important; border: 1px dotted #333; } 

#kinderzimmer_mobile { display: none; }
#kinderzimmer.off { display: none; }
#kinderzimmer_animate { display: none; }
#kinderzimmer_animate.on { display: block; }

.zimmer { margin-top: 58px; width: 1000px; height: 537px; background-repeat: no-repeat; position: relative; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/kinderzimmer-moebel.png); }
.zimmer #hund-titel { position: absolute; top: 375px; left: 260px; width: 141px; height: 133px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/sprechblase.png); background-repeat: no-repeat; }
.zimmer #hund-titel #hund-titel-text { position: absolute; left: 5px; top: 20px; width: 110px; height: 100px; font-family: 'sala_de_fiestasregular', sans-serif; font-size: .9rem; text-align: center; }
.zimmer #hund-titel:empty { display: none; }

.zimmer a.kinderzimmer-link { display: block; font-size: 0 !important; line-height: 0 !important; color: transparent !important; position: absolute; background-repeat: no-repeat; }

.zimmer a.kinderzimmer-link:focus {
  outline: 4px solid red;
  z-index: 1;
}

.zimmer #kinderzimmer-camera { top: 265px; left: 75px; width: 187px; height: 158px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/kamera-aus.png); }
.zimmer #kinderzimmer-buecher { top: 455px; left: 152px; width: 92px; height: 76px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/buecher_inaktiv.png); }
.zimmer #kinderzimmer-schild { top: 50px; left: 364px; width: 168px; height: 289px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/schild_inaktiv.png); }
.zimmer #kinderzimmer-spielkonsole { top: 271px; left: 357px; width: 136px; height: 85px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/gamepad_inaktiv.png); }
.zimmer #kinderzimmer-maske { top: 82px; left: 75px; width: 97px; height: 101px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/maske_inaktiv.png); }
.zimmer #kinderzimmer-laptop { top: 186px; left: 785px; width: 194px; height: 162px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/laptop_inaktiv.png); }
.zimmer #kinderzimmer-deutschlandkarte { top: 70px; left: 701px; width: 93px; height: 122px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/poster_inaktiv.png); }
.zimmer #kinderzimmer-pinnwand { top: 60px; left: 850px; width: 150px; height: 126px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/pinnwand_inaktiv.png); }
.zimmer #kinderzimmer-rucksack { top: 386px; left: 842px; width: 91px; height: 88px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/rucksack_inaktiv.png); }
.zimmer #kinderzimmer-maedchen { top: 183px; left: 432px; width: 199px; height: 350px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/maedchen_inaktiv.png); }
.zimmer #kinderzimmer-junge { top: 175px; left: 625px; width: 148px; height: 358px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/junge_inaktiv.png); }
.zimmer #kinderzimmer-filmklappe { top: 265px; left: 272px; width: 80px; height: 97px; background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/filmklappe_inaktiv.png); background-position: center bottom; }

.zimmer .mute-button {
  position: absolute;
  z-index: 1;
  right: 30px;
  top: 23px;
  width: 3.75rem;
  height: 3.125rem;
}

.zimmer .mute-button a:focus {
  outline: 2px solid #f00;
}

a#kinderzimmermutebutton,
a#kinderzimmermutebutton1 {
  height: 50px;
  display: inline-block;
  transform: scale(1.5, 1.5);
}

a#kinderzimmertextbutton:focus {
  outline: 2px solid red;
}

a#kinderzimmermutebutton img,
a#kinderzimmermutebutton1 img,
a#kinderzimmertextbutton img {
  box-shadow: 4px 4px 2px gray;
}



/* Button rechts unten Bildnavi zum Texteinblenden */
.zimmer .text-button {
  position: absolute;
  z-index: 1;
  right: 1.6rem;
  bottom: 1.6rem;
  width: 3.75rem;
  height: 3.3rem;
  text-indent: -9999px;
  background-color: #005a87;
  margin: 0;
  font-family: sala_de_fiestasregular;
  display: inline-block;
  font-size: 1.25em;
  white-space: normal;
  text-align: left;
  border: 1px solid #fff;
  cursor: pointer;
  transform: scale(1.5, 1.5);
  box-shadow: 4px 4px 2px gray;
}

.zimmer .text-button::before {
  content: '≡';
  display: block;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  width: 2.5rem;
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 1.875rem;
  font-family: sans-serif;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-indent: 0;
  text-align: center;
  color: #000;
}

.zimmer .text-button .toggle-text-button {
  color: #ffffff !important;
  padding: 10px 20px !important;
  appearance: initial;
  display: block;
  z-index: 2;
  position:relative;
}

/* Text unter Bildnavi */
#kinderzimmertext {
  background-color: #fff;
  padding: 10px;
  display:none;
}

#kinderzimmertext.open {
  display:block;
}

.zimmer .text-button.open::before {
  content: '×';
}


#page-column { width: 1000px; margin: 0 auto; float: left; left: calc(50% - 500px); padding-top: 6px; position: relative; }
#site-logo { display: block; position: absolute; top: 6px; z-index: 200; }
#page-column a small {
  background-color: #FFFFFF;
  border: 1px solid #005A87;
  color: #005A87;
  font-size: 11px;
  font-weight: normal;
  left: 80px;
  line-height: 120%;
  margin: 0;
  max-width: 85em;
  padding: 1em;
  position: absolute;
  text-align: left;
  top: 0.85em;
  white-space: nowrap;
  width: auto;
  z-index: 999;
  font-family: Tahoma, Verdana, sans-serif;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  clip: rect(1px,1px,1px,1px);
}
#page-column a:hover small {
  clip: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.region-header { clear: both; float: right; }
.block { /*ww float: left;  margin-bottom: 20px; */ }

#header #block-menu-menu-header-menu {
  float: left;
  height: 2.125rem;
  padding-right: 1em;
  margin-top: 25px;
  margin-bottom: 0;
  background-color: #ffffff;
}

#header #block-menu-menu-header-menu ul.menu::after { clear: both; }
#header #block-menu-menu-header-menu ul.menu::before, #header #block-menu-menu-header-menu ul.menu::after { content: " "; display: table; }
ul.menu { margin: 0; padding: 0; background: none; }
#header #block-menu-menu-header-menu ul.menu li { float: left; margin-left: 1em; }
ul.menu li.leaf { list-style-image: none; list-style-type: none; }


#header #block-menu-menu-header-menu ul.menu li a.menu-item-gebaerdensprache::before {
  vertical-align: -5px;
  padding-right: 5px;
  content: url("/fileadmin/kp_site/themes/traudich_kp/images/custom/icon-gebaerdensprache.png");
}
#header #block-menu-menu-header-menu ul.menu li a.menu-item-gebaerdensprache {
  text-indent: 0.5em;
}

#header #block-menu-menu-header-menu ul.menu li a:hover {
  text-decoration: underline;
}


#header #block-menu-menu-header-menu ul.menu li a.menu-item-leichte-sprache::before  {
  vertical-align: -5px;
  padding-right: 5px;
  content: url("/fileadmin/kp_site/themes/traudich_kp/images/custom/icon-leichte-sprache.png");
}
#header #block-menu-menu-header-menu ul.menu li a.menu-item-leichte-sprache {
  padding-left: 0;
  padding-right: 10px;
  text-indent: 0.5em;
}


#header #block-menu-menu-header-menu ul.menu li a {
  display: block;
  line-height: 30px;
  font-size: 0.75em;
  color: #000000;
}
a { text-decoration: none; color: #005a87; }
a:hover, a:focus { 
  color: #c8322d; 
  text-decoration: none; 
  text-decoration: underline;
}


a.link-with-popup { position: relative; }

.hidden-desktop { display: none; }
.mobile-only { display: none !important; }
.attach::before { clear: both; }

#header #block-menu-menu-multiplikatorenportal {
  float: left;
  height: 34px;
  padding-right: 0;
  margin-top: 25px;
  margin-bottom: 0;
}

#header #block-menu-menu-multiplikatorenportal ul.menu li.leaf a#link-to-mp {
  display: block;
  width: auto;
  float: right;
  background-color: #005a87;
  color: white;
  padding: 8px 20px;
  margin-right: 20px;
  font-size: 0.75em;
  font-weight: bold;
  height: 2.125rem;
}

#header #block-menu-menu-multiplikatorenportal ul.menu li.leaf a#link-to-mp:hover {
  text-decoration:underline;
}

#page-column a small {
  background-color: #FFFFFF;
  border: 1px solid #005A87;
  color: #005A87;
  font-size: 11px;
  font-weight: normal;
  left: 80px;
  line-height: 120%;
  margin: 0;
  max-width: 85em;
  padding: 1em;
  position: absolute;
  text-align: left;
  top: 0.85em;
  white-space: nowrap;
  width: auto;
  z-index: 999;
  font-family: Tahoma, Verdana, sans-serif;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
}
#page-column #page-container { position: relative; }
#page-column #page-container #eis { position: absolute; top: 50%; left: -100px; margin-top: -201.5px; z-index: -999999; }
#page-column #page-container #muscheln { position: absolute; top: 0; left: -50px; z-index: -999999; }
#page-column #page-container #pfeile { position: absolute; top: 0; right: -100px; z-index: -999999; }
#page-column #page-container #stop { position: absolute; right: -100px; bottom: 0; z-index: -999999; }

#page-column #footer-container #footer { margin-top: 20px; margin-bottom: 20px; width: 100%; float: left; background-color: #fff;}
#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu { padding: 0; margin: 0; background-color: #ffffff; float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: end; }
#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf { display: block; float: left; }
#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf a { display: block; line-height: 93px; font-size: 0.75em; padding: 0 15px; }
#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf.first { padding-left: 10px; }

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


#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf a#menu-item-fragfinn {
  width: 59px;
  max-width: 59px;
  height: 80px;
  max-height: 80px;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  padding-left: 0px;
  padding-top: 15px;
}


#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf a#menu-item-fragfinn::before {
  content: url("/fileadmin/kp_site/themes/traudich_kp/images/custom/fragfinn-logo.png");
}


#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf a#menu-item-bmfsfj {
  width: 183px;
  max-width: 183px;
  height: 80px;
  max-height: 80px;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  margin-bottom: 10px;
  padding-top: 10px;
}
#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf a#menu-item-bmfsfj::before {
  content: url("/fileadmin/kp_site/themes/traudich_kp/images/custom/bmfsfj-logo.png");
}



#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf a#menu-item-bzga {
  width: 178px;
  max-width: 178px;
  height: 80px;
  max-height: 80px;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  margin-bottom: 10px;
  padding-top: 25px;
}

#page-column #footer-container #footer #block-menu-menu-secondary-navigation ul.menu li.leaf a#menu-item-bzga::before {
  content: url("/fileadmin/kp_site/themes/traudich_kp/images/custom/logo_bzga_landscape_v1b.svg");
}



.ableplayer .able { box-shadow: unset; margin: 0; }
.ableplayer .able-status-bar { height: auto; min-height: 2.0em; }
.ableplayer .able-offscreen { background-color: #fff; }

.cc_container { background-color: #015987 !important; }
.cc_container .cc_message { font-size: 1em !important; color: #fff !important; line-height: 1.8em; }
.cc_container .cc_message a { font-weight: bold !important; color: #fff !important; text-decoration: underline; }

h1 {
  color: #005a87;
  font-family: sala_de_fiestasregular;
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
  margin: 20px;
  line-height: 1em;
  font-size: 2.25em;
  font-weight: normal;
}
h2 {
  color: #005a87;
  font-family: sala_de_fiestasregular;
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
  margin: 20px 0;
  padding: 0 0 20px 0;
  font-size: 2.0em;
  font-weight: normal;
}.frame-container h2 { margin: 20px 0; }
h3 {
  color: #005a87;
  font-family: sala_de_fiestasregular;
  margin: 0;
  padding: 0 0 20px 0;
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
  font-size: 2em;
  font-weight: normal;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 15px;
}

#page-container a:hover {
  text-decoration:underline;
}


a:focus, 
.slick-prev.slick-arrow:focus, 
.slick-next.slick-arrow:focus {
  outline: 4px solid red;
  z-index: 1;
}



p { margin: 0 0 0.65rem 0; }
.frame-type-text p:empty,
.frame-type-textmedia p:empty { height: 1.5rem; }
dl { margin-top: 0; margin-bottom: 20px; }
dt { font-weight: 700; }
label { font-weight: 700; }
.checkbox, .radio { position: relative; }
.row { margin-left: -15px; margin-right: -15px; }
.bodytext { padding: 20px 20px 10px 20px; background-color: #fff; }
.sr-only { color: #000; background-color: #fff; font-size: 1.2rem; }

.frame-type-text,
.frame-type-textmedia,
.frame-type-menu_sitemap_pages { background-color: #ffffff; }
.frame-type-list .frame-container { padding-left: 0; padding-right: 0; }
.frame-type-text .frame-container,
.frame-type-textmedia .frame-container,
.frame-type-menu_sitemap_pages .frame-container { padding-top: 20px; padding-bottom: 20px; }

/* end of neu */

.frame-type-list header {
  background-color: #ffffff;
  padding: 20px 20px 20px 20px;
} 
.frame-type-text header,
.frame-type-textmedia header,
.frame-type-html header {
  background-color: #ffffff;
  padding: 0 0 20px 0;
}   
.frame-type-list header h2,
.frame-type-text header h2,
.frame-type-textmedia header h2,
.frame-type-html header h2,
.frame-type-list header h3,
.frame-type-text header h3,
.frame-type-textmedia header h3,
.frame-type-html header h3 {
  margin: 0px;
}  
.frame-type-list .frame-container h1,
.frame-type-list .frame-container h2,
.frame-type-list .frame-container h3  { /* margin-left: 20px;*/ }

.frame-type-text .frame-header:last-child,
.frame-type-textmedia .frame-header:last-child {
  margin-bottom: 0;
}
.frame-type-header .frame-header .element-header {
  margin-bottom: 20px;
}

.folder_content .ondiv .frame-type-list .ableplayer {
  margin-left: -15px;
  margin-right: -15px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding: 0;
}
video { width: 100%; height: auto; }
figcaption.image-caption { font-size: 0.8em; margin: 0 15px; color: #666; font-style: italic; }


.lexikon-thema-uebersicht-thema-wrapper-inner h2 {
  color: #005a87;
  font-family: sala_de_fiestasregular;
  margin: 0;
  padding: 0 0 20px 0;
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
  font-size: 2em;
  font-weight: normal;
}



.tx-ww-themalexikon { padding: 0 20px; }
.tx-ww-themalexikon .view-header { clear: both; }
.tx-ww-themalexikon .view-content::before,
.tx-ww-themalexikon .view-content::after {
  content: " ";
  display: table;
  clear: both;
}
.tx-ww-themalexikon .lexikon-menu-buchstabe::before,
.tx-ww-themalexikon .lexikon-menu-buchstabe::after {
  content: " ";
  display: table;
  clear: both;
}
.tx-ww-themalexikon li.lexikon-menu-item { list-style-type: none; }
.tx-ww-themalexikon li.lexikon-menu-buchstabe-item {
  width: 31px;
  display: block;
  float: left;
  font-size: 2.5em;
}
.tx-ww-themalexikon li.lexikon-menu-buchstabe-item a.active {
  font-size: 1.5em;
  color: #c8322d;
  line-height: 1.0em; 
}
.tx-ww-themalexikon li.lexikon-menu-buchstabe-item a {
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
  display: block;
  font-family: sala_de_fiestasregular;
  text-align: center;
}
.tx-ww-themalexikon li.lexikon-menu-buchstabe-item a.active {
  font-size: 1.5em;
  color: #c8322d;
}
.tx-ww-themalexikon li.lexikon-buchstabe-all {
  text-align: right;
  line-height: 4.2em;
  font-size: 1.0em;
  padding-left: 10px;
  width: 152px;
}
.tx-ww-themalexikon li.lexikon-buchstabe-all a {
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
  display: block;
  font-family: sala_de_fiestasregular;
  font-size: 1.5em;
  text-align: right;
}
.tx-ww-themalexikon .lexikon-thema-uebersicht {
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
  float: left;
  width: 470px;
  height: 300px;
  box-sizing: border-box;
  vertical-align: top;
  font-family: sala_de_fiestasregular;
  position: relative;
}
.tx-ww-themalexikon .lexikon-thema-uebersicht:hover { z-index: 1; }
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-97 { background-color: #c9312c; margin: 0 10px 10px 0;}
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-97 a { color: #82281f; }
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-98 { background-color: #69a042; margin: 0 0px 10px 10px; }
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-98 a { color: #47702e; }
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-99 { background-color: #8860c0;  margin: 10px 10px 10px 0;}
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-99 a { color: #4a2572; }
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-100 { background-color: #6fb6bc;  margin: 10px 0px 10px 10px;}
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-100 a { color: #375C5C; /*#6fb6bc;*/ }
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-95 { background-color: #d885a1;  margin: 10px 10px 0px 0;}
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-95 a { color: #9B3154; /*#d885a1;*/ }
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-96 { background-color: #e6ae19;  margin: 10px 0px 0px 10px;}
.tx-ww-themalexikon .lexikon-thema-uebersicht.lexikon-thema-96 a { color: #6E540C; /*#e6ae19;*/ }
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-outer {
  width: 96%;
  height: 92%;
  margin: 2%;
  background-color: #ffffff;
  -moz-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
  position: relative;
}
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner {
  transform: rotate(1deg);
  padding: 1em;
  height: 100%;
  position: relative;
}
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner::after {
  clear:both;
}
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner .views-row {
  float: left;
  padding: 0.5em;
}
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner .views-row.views-row-1 { font-size: 1.5em; }
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner .views-row.views-row-2 { font-size: 1.25em; }
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner .views-row.views-row-3 { font-size: 2.0em; }
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner .views-row.views-row-4 { font-size: 1.0em; }
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner .views-row.views-row-5 { font-size: 1.75em; }
.tx-ww-themalexikon .lexikon-thema-uebersicht-thema-wrapper-inner .views-row.views-row-6 { font-size: 1.25em; }
.tx-ww-themalexikon dl.lexikon dt.lexikon-begriff-titel {
  background-color: #ffffff;
  margin-top: 20px !important;
  padding: 10px 20px !important;
  font-weight: 700;
}
.tx-ww-themalexikon dl.lexikon dt.lexikon-begriff-titel .ui-icon {
  width: 22px;
  height: 22px;
  left: 0px;
  float: left;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.tx-ww-themalexikon dl.lexikon dt.lexikon-begriff-titel.ui-state-default .ui-icon {
  background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/accordion-pfeil-unten.png);
}
.tx-ww-themalexikon .lexikon-begriff-beschreibung {
  padding: 1em 2.2em;
  display: none;
  min-height: 185px;
  background-color: transparent;
}
.tx-ww-themalexikon .lexikon-begriff-beschreibung-text {
  background-color: #ffffff;
  padding: 20px; 
}
.tx-ww-themalexikon a.lexikon-begriff-titel-anker {
  display:block;
  font-size: 0.75em;
  color: #005a87;
  padding: 10px;
  margin: -10px;
}
.tx-ww-themalexikon .attachment_themenauswahl {
  padding: 0 0 10px 0;
  margin: 0 0 2em; 0;
  width: 100%;
  display: block;
}
.tx-ww-themalexikon .attachment_themenauswahl .view-header {
  display: block;
  width: 10%;
  float: left;
  padding-top: 10px;
  font-family: sala_de_fiestasregular;
  color: #000;
  text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
}
.tx-ww-themalexikon .lexikon-menu-thema {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.tx-ww-themalexikon .lexikon-menu-thema::before,
.tx-ww-themalexikon .lexikon-menu-thema::after {
  content: " ";
  display: table;
  clear: both;
}
.tx-ww-themalexikon .lexikon-menu-thema .lexikon-menu-item {
  display: block;
  float: left;
  width: 290px;
  text-align: center;
  padding-left: 10px;
  padding-top: 10px;
  background-color: transparent;
}
.tx-ww-themalexikon .views-field-title { padding: 0.5em; }
.tx-ww-themalexikon .lexikon-thema-97 .views-field-title { background-color: #c9312c; }
.tx-ww-themalexikon .lexikon-thema-97 a { color: #82281f; }
.tx-ww-themalexikon .lexikon-thema-98 .views-field-title { background-color: #69a042; }
.tx-ww-themalexikon .lexikon-thema-98 a { color: #47702e; }
.tx-ww-themalexikon .lexikon-thema-99 .views-field-title { background-color: #8860c0; }
.tx-ww-themalexikon .lexikon-thema-99 a { color: #4a2572; }
.tx-ww-themalexikon .lexikon-thema-100 .views-field-title { background-color: #6fb6bc; }
.tx-ww-themalexikon .lexikon-thema-100 a { color: #375C5C /*#6fb6bc*/; }
.tx-ww-themalexikon .lexikon-thema-95 .views-field-title { background-color: #d885a1; }
.tx-ww-themalexikon .lexikon-thema-95 a { color: #9B3154 /*#d885a1*/; }
.tx-ww-themalexikon .lexikon-thema-96 .views-field-title { background-color: #e6ae19; }
.tx-ww-themalexikon .lexikon-thema-96 a { color: #6E540C /*#e6ae19*/; }
.tx-ww-themalexikon .lexikon-menu-thema .lexikon-menu-item .views-field-title .field-content {
  display: block;
  background-color: #ffffff;
  -moz-transform: rotate(-0.5deg);
  -webkit-transform: rotate(-0.5deg);
  -o-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
}
.tx-ww-themalexikon .lexikon-menu-thema .lexikon-menu-item .views-field-title .field-content a {
  display: block;
  font-family: sala_de_fiestasregular;
  -moz-transform: rotate(0.5deg);
  -webkit-transform: rotate(0.5deg);
  -o-transform: rotate(0.5deg);
  transform: rotate(0.5deg);
}
.tx-ww-themalexikon .attachment_kennstduschon {
  clear: both;
  padding-top: 20px;
}
.tx-ww-themalexikon .attachment_kennstduschon .view-content {
  background-color: #018CCF;
  margin-top: 20px;
  padding: 0.5em;
}
.tx-ww-themalexikon .lexikon-menu-kennstduschon-wrapper {
  background-color: #ffffff;
  -moz-transform: rotate(-0.5deg);
  -webkit-transform: rotate(-0.5deg);
  -o-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
}
.tx-ww-themalexikon .lexikon-menu-kennstduschon {
  -moz-transform: rotate(0.5deg);
  -webkit-transform: rotate(0.5deg);
  -o-transform: rotate(0.5deg);
  transform: rotate(0.5deg);
  margin: 0;
  padding: 1%;
  display: table;
}
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item {
  display: table-cell;
  height: 5em;
  width: 180px;
  padding: 0 10px;
  text-align: center;
}
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-first { text-align: left; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-last { text-align: right; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-1 { vertical-align: bottom; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-2 { vertical-align: top; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-3 { vertical-align: bottom; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-4 { vertical-align: middle; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-5 { vertical-align: top; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item a { color: #004b6b; font-family: sala_de_fiestasregular; display: block; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-1 a { font-size: 1em; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-2 a { font-size: 1.5em; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-3 a { font-size: 1em; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-4 a { font-size: 1.5em; }
.tx-ww-themalexikon .lexikon-menu-kennstduschon .lexikon-menu-item-row-5 a { font-size: 1em; }


.tx-ww-meinung .frage {
  margin-top: 20px;
  background-color: #fff;
  padding: 10px 15px;
  font-size: 1.2em;
}
.tx-ww-meinung .error {
  margin-top: 20px;
  background-color: #fff;
  padding: 10px 15px;
  font-size: 1.2em;
  color: #ff0000;
  border: 1px solid #ff0000;
}
.tx-ww-meinung .error p { margin: 0; }
.tx-ww-meinung .frage h2 {
  color: #208acb;
  font-weight: normal;
  font-size: 1.3em;
  margin: 0;
}
.tx-ww-meinung label { font-weight: normal; }
.tx-ww-meinung label.clicklabel:hover { cursor: pointer; }
.tx-ww-meinung label.option { margin-left: 20px; color: #155D89; /*#208acb;*/ }
.tx-ww-meinung .radio { display: inline-block; }
.tx-ww-meinung .frage1 .option1 { display: inline-block; width: 32%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage1 .option1.checked { border-color: #208acb; }
.tx-ww-meinung .frage1 .option1 .opt { display: inline-block; position: relative; bottom: 40px; }
.tx-ww-meinung .frage1 .option1 .icon { margin: 0 25px 0 0; width: 89px; height: 89px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q1_267x89.png) left center no-repeat; }
.tx-ww-meinung .frage1 .option2 { display: inline-block; width: 32%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage1 .option2.checked { border-color: #208acb; }
.tx-ww-meinung .frage1 .option2 .opt { display: inline-block; position: relative; bottom: 40px; }
.tx-ww-meinung .frage1 .option2 .icon { margin: 0 25px 0 0; width: 89px; height: 89px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q1_267x89.png) left center no-repeat; background-position: -89px 1px; }
.tx-ww-meinung .frage1 .option3 { display: inline-block; width: 32%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage1 .option3.checked { border-color: #208acb; }
.tx-ww-meinung .frage1 .option3 .opt { display: inline-block; position: relative; bottom: 40px; }
.tx-ww-meinung .frage1 .option3 .icon { margin: 0 25px 0 0; width: 89px; height: 89px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q1_267x89.png) left center no-repeat; background-position: -180px 1px; }
.tx-ww-meinung .frage2 .option1 { display: inline-block; width: 29%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage2 .option1.checked { border-color: #208acb; }
.tx-ww-meinung .frage2 .option1 .opt { display: inline-block; position: relative; bottom: 50px; }
.tx-ww-meinung .frage2 .option1 .icon { margin: 0 5px 0 0; width: 100px; height: 100px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q2_360x120.png) left center no-repeat; }
.tx-ww-meinung .frage2 .option2 { display: inline-block; width: 29%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage2 .option2.checked { border-color: #208acb; }
.tx-ww-meinung .frage2 .option2 .opt { display: inline-block; position: relative; bottom: 50px; }
.tx-ww-meinung .frage2 .option2 .icon { margin: 0 5px 0 0; width: 120px; height: 120px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q2_360x120.png) left center no-repeat; background-position: -120px 1px; }
.tx-ww-meinung .frage2 .option3 { display: inline-block; width: 40%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage2 .option3.checked { border-color: #208acb; }
.tx-ww-meinung .frage2 .option3 .opt { display: inline-block; position: relative; bottom: 50px; }
.tx-ww-meinung .frage2 .option3 .icon { margin: 0 5px 0 0; width: 120px; height: 120px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q2_360x120.png) left center no-repeat; background-position: -240px 1px; }
.tx-ww-meinung .frage3 .option1 { display: inline-block; width: 14%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage3 .option1.checked { border-color: #208acb; }
.tx-ww-meinung .frage3 .option2 { display: inline-block; width: 16%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage3 .option2.checked { border-color: #208acb; }
.tx-ww-meinung .frage3 .option3 { display: inline-block; width: 15%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage3 .option3.checked { border-color: #208acb; }
.tx-ww-meinung .frage3 .option4 { display: inline-block; width: 14%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage3 .option4.checked { border-color: #208acb; }
.tx-ww-meinung .frage3 .option5 { display: inline-block; width: 18%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage3 .option5.checked { border-color: #208acb; }
.tx-ww-meinung .frage3 .option6 { display: inline-block; width: 15%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage3 .option6.checked { border-color: #208acb; }
.tx-ww-meinung .frage4 .option1 { display: inline-block; width: 29%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage4 .option1.checked { border-color: #208acb; }
.tx-ww-meinung .frage4 .option1 .opt { display: inline-block; position: relative; bottom: 50px; }
.tx-ww-meinung .frage4 .option1 .icon { margin: 0 5px 0 0; width: 100px; height: 100px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q4_360x120.png) left center no-repeat; }
.tx-ww-meinung .frage4 .option2 { display: inline-block; width: 29%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage4 .option2.checked { border-color: #208acb; }
.tx-ww-meinung .frage4 .option2 .opt { display: inline-block; position: relative; bottom: 50px; }
.tx-ww-meinung .frage4 .option2 .icon { margin: 0 5px 0 0; width: 120px; height: 120px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q4_360x120.png) left center no-repeat; background-position: -120px 1px; }
.tx-ww-meinung .frage4 .option3 { display: inline-block; width: 40%; position: relative; padding: 5px; border: 2px solid transparent; }
.tx-ww-meinung .frage4 .option3.checked { border-color: #208acb; }
.tx-ww-meinung .frage4 .option3 .opt { display: inline-block; position: relative; bottom: 50px; }
.tx-ww-meinung .frage4 .option3 .icon { margin: 0 5px 0 0; width: 120px; height: 120px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/wf-meinung-q4_360x120.png) left center no-repeat; background-position: -240px 1px; }
.tx-ww-meinung .submit { margin-top: 20px; background-color: #005a87; padding: 15px; font-size: 3em; text-align: center; }
.tx-ww-meinung .btn-send { border: 0; background: transparent; display: block; margin: 0 auto; width: 167px; }

.folder_content { background-color: #fff; padding: 15px; font-size: 1.2em; font-family: sala_de_fiestasregular; }
.folder_content + .folder_content { padding-top: 0; }
.folder_content .opener { padding-left: 20px; background: url(/fileadmin/files/folder_closed.png) no-repeat left center; font-size: 1.2em; display: block; }
.folder_content .opener.open { background: url(/fileadmin/files/folder_open.png) no-repeat left center; }
.folder_content .ableplayer .able-big-play-button.icon-play { display: none !important; }
.frame-type-text ~ .folder_content,
.frame-type-textmedia ~ .folder_content,
.frame-type-list ~ .folder_content,
.frame-type-html ~ .folder_content { margin-top: -15px; }
.folder_content.layout_1 .ondiv { font-family: Tahoma, Verdana, sans-serif; font-size: 0.75em; }


table.contenttable {
  border-collapse: seperate;
  border-spacing: 0;
  border: none;
  width: 100%;
}

table.contenttable tr th {
  width: auto !important;
  border: none;
  text-align: left; 
}

table.contenttable tr td {
  width: auto !important;
  border: none;
  border-bottom: 1px dotted #000000;
  text-align: left;
}

.mask_accordion.layout_0 {
  background-color: #fff;
  padding: 0;
  font-size: 1.2em;
}
.mask_accordion.layout_0 .frage a.opener { padding-left: 20px; background: url(/fileadmin/files/folder_closed.png) no-repeat left center; font-size: 1.2em; display: block; margin: 15px 15px; }
.mask_accordion.layout_0 .frage a.opener.open { background: url(/fileadmin/files/folder_open.png) no-repeat left center; }

.mask_accordion.layout_1 {
  background-color: #fff;
  padding: 0;
  margin-top: 20px;
  font-size: 1.2em;
  font-family: sala_de_fiestasregular;
}
.mask_accordion.layout_1 .frage {
  background-color: #005a87;
  padding: 50px 30px 10px 10px;
}
.mask_accordion.layout_1 .frage .outer {
  padding: 0 0 20px 20px;
  background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/sprechblasenzipfel_lu.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.mask_accordion.layout_1 .frage .inner {
  background-color: #ffffff;
  font-size: 1.25em;
  color: #000000;
  padding: 20px;
  position: relative;
  display: flex;
}
.mask_accordion.layout_1 .frage a.opener {
  color: #000;
  font-size: 0.8em;
}
.mask_accordion.layout_1 .frage a.opener:before {
  content: '►';
  font-size: 3em;
  text-align: center;
  line-height: 1em;
  border: 2px solid #333;
  -webkit-border-radius: 25%;
  -moz-border-radius: 25%;
  border-radius: 25%;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-right: 20px;
  background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,#000000 100%);
  background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,#000000 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#000000',GradientType=0);
  color: #ffffff;
  float: left;
}
.mask_accordion.layout_1 .frage a.opener:hover:before {
  background: -moz-linear-gradient(bottom,rgba(0,0,0,0.5) 0%,#000000 100%);
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5) 0%,#000000 100%);
  background: linear-gradient(to top,rgba(0,0,0,0.5) 0%,#000000 100%);
}
.mask_accordion.layout_1 .frage a.opener.open:before {
  display: none;
}
.mask_accordion .frage a {
  display: block;
}
.mask_accordion.layout_1 .client_subheader { margin: 10px 0; font-size: 0.9em; font-family: Tahoma, Verdana, sans-serif; }
.mask_accordion.layout_1 .client_subheader > a { color: #fff !important;  }

.mask_accordion .ableplayer .able-big-play-button.icon-play { display: none !important; }
.mask_accordion .ondiv > .morecontent_header { display: none; }
.mask_accordion .ondiv > .morecontent_subheader { display: none; }

.morecontent_layout_1 .ce-above .ce-gallery { margin: 0; }

.morecontent_layout_1 .antwort {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 0.8em;
  background-color: #005a87;
  padding: 10px;
}
.morecontent_layout_1 .antwort .outer {
  padding: 20px 0 0 20px;
  margin: 0 120px 20px 0;
  background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/sprechblasenzipfel_lo.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.morecontent_layout_1 .antwort .inner {
  background-color: #ffffff;
  font-size: 1.25em;
  color: #000000;
  position: relative;
  display: flex;
}

.morecontent_layout_1 .antwort1 {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 0.8em;
  background-color: #005a87;
  padding: 10px;
}
.morecontent_layout_1 .antwort1 .outer {
  padding: 20px 20px 0 0px;
  margin: 10px 0 20px 100px;
  background-image: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/sprechblasenzipfel_ro.png);
  background-repeat: no-repeat;
  background-position: right top;
}
.morecontent_layout_1 .antwort1 .inner {
  background-color: #ffffff;
  font-size: 1.25em;
  color: #000000;
  position: relative;
  display: flex;
}

.splitter .col-lg-1, .splitter .col-lg-10, .splitter .col-lg-11, .splitter .col-lg-12, .splitter .col-lg-2, .splitter .col-lg-3, .splitter .col-lg-4, .splitter .col-lg-5, .splitter .col-lg-6, .splitter .col-lg-7, .splitter .col-lg-8, .splitter .col-lg-9, .splitter .col-md-1, .splitter .col-md-10, .splitter .col-md-11, .splitter .col-md-12, .splitter .col-md-2, .splitter .col-md-3, .splitter .col-md-4, .splitter .col-md-5, .splitter .col-md-6, .splitter .col-md-7, .splitter .col-md-8, .splitter .col-md-9, .splitter .col-sm-1, .splitter .col-sm-10, .splitter .col-sm-11, .splitter .col-sm-12, .splitter .col-sm-2, .splitter .col-sm-3, .splitter .col-sm-4, .splitter .col-sm-5, .splitter .col-sm-6, .splitter .col-sm-7, .splitter .col-sm-8, .splitter .col-sm-9, .splitter .col-xs-1, .splitter .col-xs-10, .splitter .col-xs-11, .splitter .col-xs-12, .splitter .col-xs-2, .splitter .col-xs-3, .splitter .col-xs-4, .splitter .col-xs-5, .splitter .col-xs-6, .splitter .col-xs-7, .splitter .col-xs-8, .splitter .col-xs-9 {
  padding-left: 15px;
  padding-right: 15px;
}
.teaser { margin-bottom: 15px; }
.teaser a { display: block; border: 5px solid #fff; height: 188px; position: relative; background: url('/fileadmin/kp_site/themes/traudich_kp/images/custom/spiele-selection.jpg') #eee no-repeat; }
.teaser a:hover, .teaser a:focus { border-color: #005a87; }
.teaser .title { font-family: sala_de_fiestasregular; text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff; font-size: 1.75em; position: absolute; display: block; line-height: 1.125em; }
.teaser .extra-link { position: absolute; display: block; color: #000000; }

.teaser.leon-lina a { background-position: 0 0; }
.teaser.leon-lina .title { color: #004768; top: 50px; left: 175px; width: 100px; }
.teaser.leon-lina .extra-link { top: 150px; left: 175px; }

.teaser.geheimnisquiz a { background-position: -310px 0; }
.teaser.geheimnisquiz .title { color: #4F6100; top: 50px; left: 20px; width: 175px; }
.teaser.geheimnisquiz .extra-link { top: 150px; left: 20px; }

.teaser.kuesschentest a { background-position: -620px 0; }
.teaser.kuesschentest .title { color: #203379; top: 50px; left: 20px; width: 150px; }
.teaser.kuesschentest .extra-link { top: 150px; left: 20px; }

.teaser.ampeltest a { background-position: -930px 0; }
.teaser.ampeltest .title { color: #683232; top: 60px; left: 20px; width: 100px; }
.teaser.ampeltest .extra-link { top: 150px; left: 20px; }

.teaser.memory a { background-position: -1240px 0; }
.teaser.memory .title { color: #694923; top: 20px; left: 150px; width: 150px; text-align: center; }
.teaser.memory .extra-link { top: 150px; left: 150px; }

.teaser.kreuzwortraetsel a { background-position: -1550px 0; }
.teaser.kreuzwortraetsel .title { color: #003C74; top: 75px; left: 150px; width: 150px; }
.teaser.kreuzwortraetsel .extra-link { top: 150px; left: 20px; }

.mask_backbutton {
  background-color: #ffffff;
  width: 100%;
  padding: 20px;
  margin: 0;
  clear: both;
  float: left;
}
.mask_backbutton a {
  background-color: #005a87;
  padding: 10px;
  margin: 0;
  border: none;
  color: #ffffff;
  font-family: sala_de_fiestasregular;
  display: inline-block;
  font-size: 1.25em;
  white-space: normal;
  text-align: left;
  border: 1px solid #fff;
  cursor: pointer;
  -webkit-appearance: initial;
  -moz-appearance: initial;
  appearance: initial;
}
.mask_backbutton a:hover, .mask_backbutton a:focus { background-color: #018CCF; }

.mask_gamewrapper { 
  clear: both;
  float: left;
  margin-bottom: 20px;
}
.mask_gamewrapper .gameteaser {
  background-color: #ffffff;
  padding: 20px;
}
.mask_gamewrapper .gameteaser .row {
  margin-left: 0;
  margin-right: 0;
}

.mask_gamewrapper .opengame { text-align: right; }
.mask_gamewrapper .auswertung { display: none; clear: both; float: left; width: 100%; }
.mask_gamewrapper .auswertung.open { display: block; }
.mask_gamewrapper .opener { padding-left: 32px; background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/accordion-pfeil-unten.png) no-repeat left center; font-size: 1.5em; font-family: sala_de_fiestasregular; }
.mask_gamewrapper .opener.open { background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/accordion-pfeil-rechts.png) no-repeat left center; }
.tx-ww-kindspiel {
  background-color: #005a87;
  padding: 20px;
  color: #fff;
}

.main-container .slick-dotted.slick-slide { margin-bottom: 0; }

.main-container .slick-slider {
  margin: 0;
  padding: 0px 0px 30px 0px;
  background-color: #fff;
}

.main-container .frame-type-text ~ .slick-slider { margin-top: -15px; }
.main-container .slick-slider .frame-type-text { padding-bottom: 0px; }
.main-container .slick-slider .textmedia-item.textmedia-gallery { padding-left: 0; padding-right: 0; }
.main-container .slick-slider .textmedia-item.textmedia-text h2,
.main-container .slick-slider .textmedia-item.textmedia-text h3 { padding-bottom: 0; }

.main-container .slick-slider ul.slick-dots { bottom: 0px; height: 40px; width: 100%; background-color: #005a87;}
.main-container .slick-slider ul.slick-dots li button::before {
  font-size: 12px;
  line-height: 26px;
  width: 20px;
  height: 20px;
  opacity: 0.9;
  color: #ffffff;
} 
.main-container .slick-slider ul.slick-dots li.slick-active button::before {
  opacity: 1.0;
  color: #ca3231;
}

.main-container .slick-prev {
  left: 0px !important;
  top: 45% !important;
  background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/slider-kinderrechte-pfeil-links_v2.png) no-repeat 0 0;
  width: 70px;
  height: 67px;
  z-index: 1000;
  opacity: 0.8;
}
.main-container .slick-next {
  right: 0px !important;
  top: 45% !important;
  background: url(/fileadmin/kp_site/themes/traudich_kp/images/custom/slider-kinderrechte-pfeil-rechts_v2.png) no-repeat 0 0;
  width: 70px;
  height: 67px;
  z-index: 1000;
  opacity: 0.8;
}
.main-container .slick-prev:hover,
.main-container .slick-next:hover { opacity: 1.0; } 
.main-container .slick-prev:before { content:''; }
.main-container .slick-next:before { content:''; }

/* powermail - kontaktformular */
.main-container .tx-powermail .row { margin-left: 0; margin-right: 0; }
.main-container .tx-powermail .row .powermail_fieldwrap { display: flex; }
.main-container .tx-powermail .row .powermail_fieldwrap a { color: #ddf; }
.main-container .tx-powermail legend { font-family: sala_de_fiestasregular; font-size: 26px; color:#fff; border-bottom: 1px solid #e5e5e5; }
.main-container .tx-powermail .control-label { text-align: right; padding-right: 10px; }
.main-container .tx-powermail label { padding-top: 7px; }
.main-container .tx-powermail .checkbox label { font-weight: 400; }
.main-container .tx-powermail .powermail_create { background-color: #fff; padding: 20px; }

.main-container .tx-powermail .container-fluid { margin-top: 20px; padding: 20px; background-color: #005a87; color: #fff; }
.main-container .tx-powermail .powermail_form_2 > h3 { display: none; }
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 legend { display: none; border-bottom: 1px solid #e5e5e5; }
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 label { margin-top: 1em; margin-bottom: 0; }
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 .powermail_input,
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 .powermail_textarea { width: 100%; color: #000; }
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 .checkbox { margin-top: 0; margin-bottom: 0; }
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 .checkbox label { margin-top: 0; }
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 .checkbox input[type="checkbox"] { margin-top: 5px; }
.main-container .tx-powermail .powermail_form_2 .powermail_fieldset_2 .powermail_fieldwrap_type_text { margin-top: 1em; margin-bottom: 1em; }
.main-container .btn-group .btn { margin-left: 20px; }
.main-container .btn-group .btn-danger { margin-left: 0!important; }
.main-container .tx-powermail .powermail_confirmation  { margin-top: 20px; padding: 20px; background-color: #005a87; color: #fff; }
.main-container .tx-powermail .powermail_confirmation h1 { color: #005a87;	font-family: sala_de_fiestasregular;	margin: 0;	padding: 0 0 20px 0;	text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;	font-size: 1.2em;	font-weight: normal; }
.main-container .tx-powermail .powermail_confirmation table { border: solid 1px #ccc; color: #fff; }
.main-container .tx-powermail .powermail_confirmation table tr { background-color: #005a87; border-color: #005a87; }
.main-container .tx-powermail .powermail_confirmation table tr:nth-of-type(2n+1) { background-color: #006a97; border-color: #006a97; }
.main-container .tx-powermail .powermail_confirmation table tr:hover { background-color: #007aa7; border-color: #007aa7; color: #fff; }
.main-container .btn-primary { color: #fff; background-color: #014B6E; border-color: #005A89; }
.main-container .btn-primary:focus,
.main-container .btn-primary:hover { color: #fff; background-color: #003952; border-color: #003952; }


/* Textmedia */
.main-container .gallery-item-size-1 { width: auto; }
.main-container .frame-layout-120 .gallery-item-size-1 { width: 100%; height: auto; }

.main-container .frame-layout-130 .textmedia-left .textmedia-gallery,
.main-container .frame-layout-130 .textmedia-right .textmedia-gallery { width: unset; }
.main-container .frame-layout-130 .textmedia-left .textmedia-text { padding-left: 0; width: auto; }
.main-container .frame-layout-130 .textmedia-below-right .textmedia-text { padding-right: 0; width: auto; }

.main-container .textmedia-above .gallery-row { display: block ruby; text-align: center; }
.main-container .textmedia-above-right .gallery-row { display: block ruby; text-align: right; }
.main-container .textmedia-below .gallery-row { display: block ruby; text-align: center; }
.main-container .textmedia-below-right .textmedia-text { order: 0; margin-bottom: 1rem; }
.main-container .textmedia-below-right .gallery-row { display: block ruby; text-align: right; }
.main-container .textmedia-below-left .textmedia-text { order: 0; margin-bottom: 1rem; }

.main-container .textmedia-intext-left { display: block; }
.main-container .textmedia-intext-left .textmedia-gallery { width: auto; float: left; margin-bottom: 0.4rem; }
.main-container .textmedia-intext-right { display: block; }
.main-container .textmedia-intext-right .textmedia-gallery { width: auto; float: right; margin-bottom: 0.4rem; }

.main-container .textpic-right .gallery-row { float: right; }

.main-container .textpic-gallery:empty,
.main-container .textmedia-gallery:empty { display: none; }

.main-container .frame-layout-110 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-110 .textmedia-left .textmedia-item.textmedia-text { width: 80%; padding-left: 0; }
.main-container .frame-layout-110 .textmedia-right .textmedia-item.textmedia-text { width: 80%; padding-right: 0; }
.main-container .frame-layout-110 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-110 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-110 .textmedia-item.textmedia-gallery { width: 20%; }
.main-container .frame-layout-111 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-111 .textmedia-left .textmedia-item.textmedia-text { width: 75%; padding-left: 0; }
.main-container .frame-layout-111 .textmedia-right .textmedia-item.textmedia-text { width: 75%; padding-right: 0; }
.main-container .frame-layout-111 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-111 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-111 .textmedia-item.textmedia-gallery { width: 25%; }
.main-container .frame-layout-112 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-112 .textmedia-left .textmedia-item.textmedia-text { width: 70%; padding-left: 0; }
.main-container .frame-layout-112 .textmedia-right .textmedia-item.textmedia-text { width: 70%; padding-right: 0; }
.main-container .frame-layout-112 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-112 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-112 .textmedia-item.textmedia-gallery { width: 30%; }
.main-container .frame-layout-113 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-113 .textmedia-left .textmedia-item.textmedia-text { width: 60%; padding-left: 0; }
.main-container .frame-layout-113 .textmedia-right .textmedia-item.textmedia-text { width: 60%; padding-right: 0; }
.main-container .frame-layout-113 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-113 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-113 .textmedia-item.textmedia-gallery { width: 40%; }
.main-container .frame-layout-114 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-114 .textmedia-left .textmedia-item.textmedia-text { width: 50%; padding-left: 0; }
.main-container .frame-layout-114 .textmedia-right .textmedia-item.textmedia-text { width: 50%; padding-right: 0; }
.main-container .frame-layout-114 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-114 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-114 .textmedia-item.textmedia-gallery { width: 50%; }
.main-container .frame-layout-115 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-115 .textmedia-left .textmedia-item.textmedia-text { width: 40%; padding-left: 0; }
.main-container .frame-layout-115 .textmedia-right .textmedia-item.textmedia-text { width: 40%; padding-right: 0; }
.main-container .frame-layout-115 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-115 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-115 .textmedia-item.textmedia-gallery { width: 60%; }
.main-container .frame-layout-116 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-116 .textmedia-left .textmedia-item.textmedia-text { width: 30%; padding-left: 0; }
.main-container .frame-layout-116 .textmedia-right .textmedia-item.textmedia-text { width: 30%; padding-right: 0; }
.main-container .frame-layout-116 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-116 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-116 .textmedia-item.textmedia-gallery { width: 70%; }
.main-container .frame-layout-117 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-117 .textmedia-left .textmedia-item.textmedia-text { width: 25%; padding-left: 0; }
.main-container .frame-layout-117 .textmedia-right .textmedia-item.textmedia-text { width: 25%; padding-right: 0; }
.main-container .frame-layout-117 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-117 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-117 .textmedia-item.textmedia-gallery { width: 75%; }
.main-container .frame-layout-118 .textmedia-item.textmedia-text { width: 100%; }
.main-container .frame-layout-118 .textmedia-left .textmedia-item.textmedia-text { width: 20%; padding-left: 0; }
.main-container .frame-layout-118 .textmedia-right .textmedia-item.textmedia-text { width: 20%; padding-right: 0; }
.main-container .frame-layout-118 .textmedia-intext-right .textmedia-item.textmedia-text, 
.main-container .frame-layout-118 .textmedia-intext-left .textmedia-item.textmedia-text { width: auto; }
.main-container .frame-layout-118 .textmedia-item.textmedia-gallery { width: 80%; }

.main-container .frame-layout-110 .textmedia.textmedia-above,
.main-container .frame-layout-110 .textmedia.textmedia-below,
.main-container .frame-layout-111 .textmedia.textmedia-above,
.main-container .frame-layout-111 .textmedia.textmedia-below,
.main-container .frame-layout-112 .textmedia.textmedia-above,
.main-container .frame-layout-112 .textmedia.textmedia-below,
.main-container .frame-layout-113 .textmedia.textmedia-above,
.main-container .frame-layout-113 .textmedia.textmedia-below,
.main-container .frame-layout-114 .textmedia.textmedia-above,
.main-container .frame-layout-114 .textmedia.textmedia-below,
.main-container .frame-layout-115 .textmedia.textmedia-above,
.main-container .frame-layout-115 .textmedia.textmedia-below,
.main-container .frame-layout-116 .textmedia.textmedia-above,
.main-container .frame-layout-116 .textmedia.textmedia-below,
.main-container .frame-layout-117 .textmedia.textmedia-above,
.main-container .frame-layout-117 .textmedia.textmedia-below,
.main-container .frame-layout-118 .textmedia.textmedia-above,
.main-container .frame-layout-118 .textmedia.textmedia-below { /*display: unset; */}

.main-container .frame-layout-110 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-110 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-111 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-111 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-112 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-112 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-113 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-113 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-114 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-114 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-115 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-115 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-116 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-116 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-117 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-117 .textmedia.textmedia-below .textmedia-item.textmedia-gallery,
.main-container .frame-layout-118 .textmedia.textmedia-above .textmedia-item.textmedia-gallery, 
.main-container .frame-layout-118 .textmedia.textmedia-below .textmedia-item.textmedia-gallery { margin: auto; }



.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_nachrchtsenden {
  margin-top: 12px;
}

h1.element-header {
 hyphens: auto;
}

#ergebnis h3 {
 hyphens: auto;
}

/*barrierefrei ergänzung */
.frame-type-text a,
.frame-type-menu_sitemap_pages a {
  text-decoration: underline;
  color: #005a87;
}

.frame-type-text a:hover,
.frame-type-menu_sitemap_pages a:hover {
  text-decoration: none!important;
}


#link-to-mp {
  background-color: #005a87;
  color: white!important;
  padding: 0 20px;
  font-weight: bold;
  height: 2.125rem;
}

.header__region.region.region-header {
  margin-right: 0;/*20px;*/
  padding-right: 0;
}

#header #block-menu-menu-header-menu {
  padding-right: 0;
}