/* ////// Schulentwicklung Masterstyle ALL-IN-ONE ////////////// */
/* ////// Version vom Juni 2018 /////////////////// */
/* ////// von Ursula Poetter /////////////////////// */

/*corona-style*/

.kasten.kasten-corona{padding-bottom:0 !important; margin-bottom:8px;}

/*neue Styles waehrend Bereinigungsphase - sind dann noch in bereinigte CSS zu uebernehmen*/

/*logo statt bereichsüberschrift */
#oben .bereich img{
  margin-left: 10px;
width: 200px !important;
height: auto;}




/* praxisbeispiele-mesk */
.container.praxisbeispiele-mesk {
  padding: 0 !important;
}

.breit .praxisbeispiele-mesk .row {
  margin-bottom: 0;
  outline: 1px solid #dbd8d5;
}

.praxisbeispiele-mesk h4 {
  margin-bottom: 0 !important;
}

.praxisbeispiele-mesk .card-block {
  outline: 1px solid #dbd8d5;
  margin-bottom: 0;
  background: #fff;
}

.praxisbeispiele-mesk .card-block p:first-child {
  color: #7a7876;
}

.praxisbeispiele-mesk ul {
  padding-left: 0 !important;
}

.praxisbeispiele-mesk ul li {
  padding-left: 10px !important;
}

.praxisbeispiele-mesk ul li::before {
  margin-left: -10px;
}

.praxisbeispiele-mesk p, .praxisbeispiele-mesk ul li {
  margin-bottom: 10px !important;
}

#content #main1 .breit img.praxisbeispiele-mesk {
  border: 0 !important;
  padding: 0 !important;
}

#content #main1 .breit img.praxisbeispiele-mesk-img {
  margin: 0 !important;
  max-width: 100% !important;
}

/*viewlpn */
#viewlpn .panel-warning {
  border: 1px solid #ddd !important;
}

#viewlpn .tab-content {}

@media all and (max-width:960px) {
  .nur-desktop {
    display: none;
  }
}

/*reguläre Ausdrücke */
/*Alle Links, die https enthalten, werden mit dem Symbol für externe Links belegt*/
a[href*='https:']::after,
a[href*='http:']::after

/*a:link.externer_link:after*/
  {
  content: "\f08e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-left: 5px;
  margin-right: 5px;
  color: #a81815;
}

/*sonderfall startseiten*/
.fa-external-link::before {
  content: none !important;
  margin-right: -5px !important;
}

.fa-caret-right::before,
.news ul li a:link::before,
.news ul li a:link::after,
.news .col-sm-6 a:link::after,
.news .col-sm-4 a:link::after,
.news .col-sm-12 a:link::after,
#kopf a:link::before,
.myBox a:link::before,
.myBox a:link::after,
#kopf a:link::after,
#info ul li a::after,
#usermenu2 ul#oben li a::after,
#left ul li a::after,
#content .micronavigation a::after,
div.userlistentrysub li a::after,
.mandant-q div.box a::after,
div.card-header a::after,
a.more::after,
a.noicon::after,
div#articleList a::after,
a.externer_link::before,
a[href$='.jpg']::after,
a[href$='.png']::after,
a[href$='.gif']::after,
.kontakt a[href*='@']::after {
  content: none !important;
}

#info .fa {
  display: none;
}

/*Alle Links, die mit einem Slash anfangen oder unsere URLs enthalten, werden als interne Links - ohne Symbol -  gekennzeichnet*/
a[href^='/']::after,
a[href^='..']::after,
a[href^='lehrplan']::after,
a[href^='lehrplaen']::after,
a[href*='www.qua-lis.nrw.de']::after,
a[href*='www.schulentwicklung.nrw.de']::after,
a[href*='www.berufsbildung.nrw.de']::after,
a[href*='www.berufsbildung.schulministerium.nrw.de']::after,
a[href*='www.supportstelle-weiterbildung.nrw.de']::after,
a[href*='www.standardsicherung.nrw.de']::after,
a[href*='www.standardsicherung.schulministerium.nrw.de']::after,
a[href*='bscw.schule.nrw.de']::after,
a:link.weiterfuehrender_link:after {
  content: url(images/interner-link.png);
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-left: 5px;
  margin-right: 5px;
  color: #a81815;
}

/*alle Dateien werden mit dem Downlinksymbol versehen*/
a:link.downlink::after,
a[href*='.pdf']::after,
a[href$='.pdf']::after,
a[href$='.docx']::after,
a[href$='.doc']::after,
a[href$='.xls']::after,
a[href$='.xlsx']::after,
a[href$='.ppt']::after,
a[href$='.pptx']::after,
a[href$='.zip']::after,
a[href$='.csv']::after,
a[href$='.mp4']::after,
a[href$='.mbz']::after,
a[href*='material/download']::after {
  /*content: "\f019" !important;*/
  content: url(images/downlink.png) !important;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-left: 3px;
  margin-right: 5px;
  color: #a81815;
}

/*Alle E-Mail-Adressen werden mit dem E-Mailsymbol versehen*/
a[href*='@']::after,
a[href*='UnCryptMailto']::after {
  color: #a81815;
  content: "\f003";
  font-family: FontAwesome;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin: 0 5px;
}

/* - .phone-Problem, kein attribut, klasse oder id zum ansteuern
p[span*='02921']::before {
  color: #a81815;
  content: "\f095";
  font-family: FontAwesome;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.2rem;
}*/
/*sonderfall bilder*/
.start-box a::after,
.start-box-breit a::after,
a.fancybox::after {
  content: none !important;
}


/* bilder ohne linkauszeichnungen */
a.noImage::after{
  content: '' !important;
}


/* Zukunftsmusik
a:has(> img)::before{content:none;}
*/
html {
  font-size: 100%;
}

.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 {
  box-sizing: border-box;
}

body {
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5rem;
  background: #fff;
  color: #333;
  margin: 0;
  padding: 0;
  background: #f1f4f6;
  width: 100%;
}

p, ul, ol, dl, blockquote, address, pre, hr, h1, h2, h3, h4, h5 {
  margin-bottom: 10px !important;
}

.breit p {
  padding: 0;
}

hr {
  display: none;
}

/*hr's werden wild eingesetzt und mit cols etc. kombniniert, das geht nicht gut*/
.container {
  width: 100% !important;
  padding-left: 10px;
  padding-right: 10px;
}

.upgrade li a {
  background-color: #fff;
}

.upgrade li a:active, .upgrade li a:focus, .upgrade li a:hover {
  background-color: #fff;
}

.nomargin, img.nomargin, #content #main1 .breit img.nomargin {
  margin: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.none {
  display: none;
}

.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.unsichtbar {
  position: absolute;
  top: -2000px;
  left: -2000px;
  height: 0px;
  z-index: 1000;
  display:none; /*Was soll diese Klasse? Auf display none gesetzt am 31.07.2020 von poe*/
}

.unsichtbar ul ul.link {
  list-style: none;
}

.unsichtbar ul li a {
  position: absolute;
  top: -2000px;
  left: -2000px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.3rem;
  color: black;
  width: 500px;
}

.unsichtbar ul li a:focus, .unsichtbar ul li a:active {
  top: 2100px;
  left: 1900px;
}

.wichtig {
  font-weight: bold;
  color: #c00;
  padding: 15px 0 0 0;
}

.hinweis {
  background: #f4f1ed;
  padding: 15px;
  margin: 10px 0;
}

a {
  color: #a81815;
  text-decoration: none;
  font-weight: 400;
}

a strong {
  font-weight: 400 !important;
}

a:hover,
a:focus {
  color: #a81815;
  text-decoration: none;
}

a img {
  border: 0;
}

#main1 ul, #main2 ol, #main2 ul, #main1 ol {
  margin: 0;
  padding-left: 10px;
}

#main1 .list1 ul, #main2 .list1 ol, #main2 .list1 ul, #main1 .list1 ol {
  padding-left: 10px;
}

#main1 .box ul, #main2 .box ol, #main2 .box ul, #main1 .box ol {
  margin: 10px 0px 0px 0;
  padding-left: 0px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 10px 0;
  margin-bottom: 1px;
}

dd:before {
  color: #839496;
  padding-right: .5rem;
}

dl.impressum dt {
  margin-top: 0 !important;
}

/* Safari - Grid - Problem */
.row:before, .row:after {
  display: inline-block;
}

/* Header */
p#btn-go-to-top {
  margin: 0 !important;
  padding: 0 !important;
}

#rahmen .main .row .col-md-3 {
  padding-right: 0;
}

#rahmen .main .row .col-md-4 {
  padding-right: 0;
}

#rahmen .main .row .col-md-9 .col-md-4, #rahmen .main .row .col-md-8 .col-md-4 {
  padding-right: 10px;
}

#usermenu {
  margin-left: auto;
  margin-right: auto;
  min-height: 48px;
  width: 100%;
  border-top: 2px solid #a81815;
  padding-top: 5px;
}

.neu #usermenu {}

#usermenu2 {
  text-align: right;
  margin: 0 auto;
}

#usermenu2 ul#oben {
  max-width: 1000px;
  margin: 0 auto;
  text-align: right;
  float: left;
  padding: 0px;
  width: auto;
  padding-top: 5px;
  padding-left: 3px;
  margin-bottom: 0 !important;
}

#usermenu2 ul#oben:before,
#usermenu2 ul#oben:after {
  content: "";
  display: block;
  /*height: 36px;*/
  margin: 0 0 0 0;
}

#usermenu2 ul#oben:before {
  float: left;
}

#usermenu2 ul#oben:after {
  float: right;
}

.neu #usermenu2 ul#oben:before,
.neu #usermenu2 ul#oben:after {
  display: none;
}

#usermenu2 ul#oben li {
  display: block;
  float: left;
  width: auto;
  position: relative;
  text-align: left;
}

#usermenu2 ul#oben li.bereich, #usermenu2 ul#oben li.first {
  display: block;
  float: none;
  width: auto;
  position: relative;
  text-align: left;
}

#usermenu2 ul#oben li a img {
  border: 0;
}

#usermenu2 ul#oben>li>a,
#usermenu2 ul#oben>li>a:visited {
  display: inline;
  color: #a81815;
  font-size: 0.8rem;
  font-weight: normal;
  padding: 4px;
  margin-left: 5px;
}

#usermenu2 ul#oben>li>a.titel {
  display: none;
}

#usermenu2 ul#oben li a:hover, #usermenu2 ul#oben li a:active, #usermenu2 ul#oben li a:focus {
  /*color: #a81815; text-decoration:underline;*/
  text-decoration: none;
  background: #a81815;
  color: #fff;
}

.userlistentrysub {
  position: absolute;
  width: auto;
  border: 1px solid #a81815;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 10px;
  background-color: #dbd8d5;
  z-index: 1000;
}

/* Thorsten: 2022-12-19 für zweispaltiges Dropdown-Menü:*/
.userlistentrysub_right {
  right:0;
}

div.userlistentrysub li {
  padding-bottom: 4px;
}

div.userlistentrysub li a {
  color: #a81815;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: normal;
  padding: 4px 8px;
  padding-left: 18px;
  text-decoration: none;
  width: 220px;
  margin-bottom: 0px;
}

#usermenu2 ul#oben li a:after {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin: 5px 5px 5px 10px;
}

#usermenu2 ul#oben li.first a:after {
  border: none;
}

#usermenu2 ul ul li a:after, #usermenu2 ul#oben li a.back:after {
  display: none !important;
  width: 0;
  height: 0;
  vertical-align: top;
  border: none;
  content: "";
  margin: 5px 5px 5px 10px;
}

#usermenu2 ul#oben li a:hover:after {
  border-top: 4px solid #a81815;
  text-decoration: none;
}

p.suchfeld {
  border: 0px dashed white;
  width: 25%;
  float: right;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 40px;
}

.neu p.suchfeld {
  margin-bottom: 6px;
  margin-top: 0;
}

p.suchfeld #search_send {
  margin-left: 5px;
  float: right;
  margin-top: 4px;
}

.neu p.suchfeld #search_send {
  margin-top: 3px;
}

input.inputbox {
  border-radius: 0;
  background: none;
  border: 1px solid #a61600;
  padding: 4px 10px;
}

#outerslide, #outerslide_qualis, #outerslide_bb, #outerslide_wb {
  clear: both;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  color: #fff;
  z-index: 0;
  /*border-bottom: solid 5px #ccc;*/
  font-size: 0.9rem;
  line-height: 1.4rem;
  /*background: -moz-linear-gradient(top,  #eb720d 0%, #e14e1c 100%, #e14e1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb720d), color-stop(100%,#e14e1c), color-stop(100%,#e14e1c)); background: -webkit-linear-gradient(top,  #eb720d 0%,#e14e1c 100%,#e14e1c 100%); background: -o-linear-gradient(top,  #eb720d 0%,#e14e1c 100%,#e14e1c 100%); background: -ms-linear-gradient(top,  #eb720d 0%,#e14e1c 100%,#e14e1c 100%); background: linear-gradient(to bottom,  #eb720d 0%,#e14e1c 100%,#e14e1c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb720d', endColorstr='#e14e1c',GradientType=0 );*/
}

.neu #outerslide {
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-schulentwicklung.jpg") no-repeat scroll 50% 0;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-schulentwicklung.jpg") no-repeat scroll 50% 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-schulentwicklung.jpg") no-repeat scroll 50% 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-schulentwicklung.jpg") no-repeat scroll 50% 0;
}

.neu #outerslide_qualis {
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-qualis.jpg") no-repeat scroll 50% 0;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-qualis.jpg") no-repeat scroll 50% 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-qualis.jpg") no-repeat scroll 50% 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/banner-qualis.jpg") no-repeat scroll 50% 0;
}

.neu #outerslide_bb {
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../upload/css_img/banner-berufsbildung.jpg") no-repeat scroll 50% 0;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../upload/css_img/banner-berufsbildung.jpg") no-repeat scroll 50% 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../upload/css_img/banner-berufsbildung.jpg") no-repeat scroll 50% 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../upload/css_img/banner-berufsbildung.jpg") no-repeat scroll 50% 0;
}

.neu #outerslide_wb {
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/upload/css_img/wb-neu.jpg") no-repeat scroll 50% 0;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/upload/css_img/wb-neu.jpg") no-repeat scroll 50% 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/upload/css_img/wb-neu.jpg") no-repeat scroll 50% 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://www.berufsbildung.nrw.de/cms/upload/css_img/wb-neu.jpg") no-repeat scroll 50% 0;
}

.neu #outerslide>.container, .neu #outerslide_qualis>.container, .neu #outerslide_bb>.container, .neu #outerslide_wb>.container {
  height: 280px;
}

.neu #outerslide .col-md-8, .neu #outerslide_qualis .col-md-8, .neu #outerslide_bb .col-md-8, .neu #outerslide_wb .col-md-8 {
  padding-top: 214px;
}

.neu #outerslide .col-md-8 h1,
.neu #outerslide_qualis .col-md-8 h1,
.neu #outerslide_bb .col-md-8 h1,
.neu #outerslide_wb .col-md-8 h1 {
  font-size: 42px;
  display: none;
}

.neu #outerslide .col-md-8 h2,
.neu #outerslide_qualis .col-md-8 h2,
.neu #outerslide_bb .col-md-8 h2,
.neu #outerslide_wb .col-md-8 h2 {
  font-size: 42px;
  display: none;
}

#header #topnavi h1#zp10_h1 {
  padding: 0 0 0 35px;
}

#header #topnavi h1 .angebot {
  font-size: 0.9rem;
  text-transform: none;
}

#header #topnavi h1#standard_h1 .angebot {
  margin: 70px 0 0 60px;
}

#header #topnavi h1#abitur_h1 .angebot,
#header #topnavi h1#bk_h1 .angebot,
#header #topnavi h1#gost_h1 .angebot,
#header #topnavi h1#wbk_h1 .angebot {
  margin: 70px 0 0 60px;
}

#header #topnavi h1#lernstand_h1 .angebot {
  margin: 70px 0 0 40px;
}

#header #topnavi h1#zp10_h1 .angebot {
  margin: 70px 0 0 -30px;
}

#header #topnavi h1#vera_h1 .angebot {
  margin: 70px 0 0 60px;
}

#header #topnavi h1#schulleistung_h1 .angebot {
  margin: 70px 0 0 50px;
}

#header #topnavi h1#kernlehrplaene_h1 .angebot {
  margin: 70px 0 0 50px;
}

#header #topnavi a {
  text-decoration: none;
}

.navbar-toggle {}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, input, optgroup, select, textarea {
  color: #7a7876;
}

button {
  cursor: pointer;
}

.navbar-toggle .icon-bar {
  background-color: #a81815;
}

.navbar-toggle .icon-bar {
  border-radius: 1px;
  display: block;
  height: 6px;
  width: 32px;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

#content .micronavigation {
  background: #fff;
  font-size: 0.8rem;
  margin: 4px 0 10px 0;
  color: #000;
  padding-bottom: 0px;
  border-bottom: 1px solid #ccc;
}

#content .micronavigation dl#breadcrumb {
  display: inline;
}

#content .micronavigation dt {
  display: none;
}

#content .micronavigation a {
  color: #000;
  background: #fff;
  text-decoration: none;
  border-bottom: none;
}

#content .micronavigation a:active, #content .micronavigation a:hover {
  /*color: #9f9f9f;*/
}

.micronavigation form {
  float: right;
  display: inline;
}

.micronavigation dd:before {
  content: none;
}

#content .micronavigation a::before {
  content: "\f0da";
  font-family: FontAwesome;
  padding-right: 5px;
}

#rahmen {
  border: solid 0px #f4f1ed;
  max-width: 1280px;
  background: #f4f1ed;
  margin: 0 auto;
  box-shadow: 0px 10px 10px #aaa;
}

#kopf {
  background: #fff;
  overflow: hidden;
  height: 130px;
}

#kopf_inhalt {
  /*max-width: 1000px;*/
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#kopf_inhalt>img {
  margin-top: 15px;
}

.logo {
  float: left;
  margin-left: 0px;
  margin-top: 15px;
  max-width: 50%;
}

.kennung {
  float: right;
  margin-top: 25px;
  margin-right: 20px;
  max-width: 15%;
}

.kennung_bp {
  float: right;
  margin-top: 25px;
  margin-right: 20px;
  max-width: 10%;
}

/* Banner */
.ll-banner {
  display: none;
  margin: 0 0 10px 0;
  height: 50px;
  border: 1px solid #ccc;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: -1px 50%;
}

#content .ll-banner h2 {
  font-size: 1.4rem;
  line-height: 50px;
  padding: 0 0 0 120px;
  margin: 0 0 0 15px;
  color: #ccc;
}

h2 .info {
  float: right;
  padding: 0 35px 0 0;
  font-size: 0.9rem;
}

#content #FIDS h2 {
  font-size: 1.1rem;
}

#content #kompass h2 {
  font-size: 0.9rem;
  line-height: 1.4rem;
  margin: 5px 0 0 15px;
  color: #999
}

#EGS {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/egs/logo.jpg);
}

/* Content */
.content {
  padding-left: 10px;
}

#content {
  clear: both;
  margin: 0 auto;
  min-height: 500px;
  text-align: left;
  overflow: auto;
  padding: 5px 0 20px 0;
}

.popup #content {
  margin: 0;
}

#content img.links {
  /*float: left !important; display: inline; margin: 0 7px 2px 0;*/
}

#content img.rechts {
  float: right;
  display: inline;
  margin: 0 0 2px 7px;
}

#content ol ul li {
  list-style-type: none;
  /*background: url(/css/images/dot_2.gif) no-repeat 0 8px; */
}

#content ol {
  margin: 0 0 10px 30px;
}

#content ol li {
  margin: 3px 0;
}

#content ol.roemisch li {
  list-style-type: upper-roman
}

#content .ueberblick {
  background: #f4f1ed;
  padding: 10px;
}

#box #main1,
#box-offiziell #main1,
#box-offiziell_klapp #main1,
#klp-hinweise-box #main1 {
  width: 55%;
}

.text p {
  font-size: 0.9rem;
  margin: 10px 0 20px 0;
}

.text p a {
  bottom: 3px;
}

.breit {
  padding: 0;
}

.breit .row {
  margin-bottom: 10px;
}

.tab-pane .row {
  border-bottom: 1px solid #eee;
}

#main1, #main2, #pm {
  border: 1px solid #a81815;
  background: #fff;
  float: left;
  min-height: 500px;
  padding: 20px;
  font-size: 0.9rem;
  padding-top: 0;
}

#main1, #pm {
  width: 78.5%;
}

#main2 {
  width: 52%;
}

/*Bilder und weitere Medien*/
#content #main1 .breit img {
  background-color: #fff;
  box-shadow: none !important;
  /*max-width:100%; */
  height: auto;
  border: 1px solid #dbd8d5 !important;
  padding: 5px !important;
  margin: 0 5px 5px !important;
}

img.teaser_image {
  margin: 0 !important;
  width: 95%;
}
}

.kasten img {
  /*float:right;*/
}

#start img.rahmen {
  width: 100%;
  background-color: #fff;
  max-width: 100%;
  height: auto;
  border: 1px solid #dbd8d5;
  padding: 5px;
  margin: 0 5px 5px;
}

.kasten .myBox img {
  float: none;
  width: 100%;
  height: auto;
  /*padding-bottom:20px;*/
  margin: 0;
}

.kasten-wb .myBox {
  background-color: #fae9d6;
}

@media all and (min-width:480px) and (max-width:960px) {
  .kasten .myBox img {
    width: 60%;
  }
}

.fancybox img {
  transition: none;
  float: none !important;
}

.fancybox img:hover {
  cursor: pointer;
  transform: none;
}

#main1 a.fancybox:hover {
  background: none !important;
}

.micronavigation img {
  display: none;
}

video {
  width: 100%;
  height: auto;
}

/* Buttons */
.btn-qualis, .btn:focus {
  color: #fff;
  background-color: #a81815;
  border-color: #a81815;
  border-radius: 0;
}

.btn-qualis:active, .btn-qualis:hover {
  color: #fff;
  background-color: #7a7876;
  border-color: #7a7876;
}

/* Buttons Schaltflächen barrierefrei */
ul#unten>li>button, ul#unten>li>button:visited {
  background: #a81815 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
  margin-right: 10px;
  padding: 8px 16px;
  text-decoration: none;
  border: none;
  text-align: left;
}

ul#unten li button:hover, ul#unten li button:active, ul#unten li button:focus {
  background: #dbd8d5 none repeat scroll 0 0;
  color: #a81815;
  text-decoration: none;
  outline: 1px solid #a81815;
  outline-offset: -1px;
}

/* Ueberschriften */
h1, h2, h3, h4, h5 {
  line-height: 1.3em;
}

h1 {
  font-size: 1.8rem;
}

h2 {
  font-size: 1.6rem;
}

h3, #main1 .breit h3 {
  font-size: 1.3rem;
  margin-top: 20px;
}

.tab-pane h3 {
  margin-top: 0;
}

blockquote, h4 {
  font-size: 1.2rem;
}

/*#start h4 { font-weight: bold; }
#start .col-md-4 .kasten h2{font-size:1.3rem; margin-top:30px;}*/
h5, .h5 {
  font-size: 1.1rem;
}

h6 {
  font-size: 1rem;
  font-weight: bold;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {}

.col-md-4 h4 {
  margin-top: 20px;
}

#usermenu2 ul#oben li.bereich h1 {
  font-weight: normal;
  border-radius: 0;
  font-size: 2rem;
  margin-top: -1px;
  margin-right: 6px;
  margin-left: 10px;
  margin-bottom: -1px;
  line-height: 5rem;
  color: #7a7876;
}

#main1 .card-header h3 {
  margin-top: 0;
  margin-bottom: 0 !important;
}

#content h2 p {
  margin: 0;
}

#main1 #searchResults h2 {
  font-size: 1.1rem;
  font-weight: normal;
}

#content #articlelist h2 {
  border-bottom: 1px solid #069;
}

#main1 .box h2 {
  border-bottom: none !important;
  box-shadow: none;
  color: #a81815;
  font-size: 0.9rem;
  font-weight: bold;
  margin-top: 10px;
}

h3 strong {
  font-weight: 400;
}

#main1 .box h3 {
  margin-top: 5px;
}

#right h1:first-child, #right h2:first-child, #right h4:first-child, #right h5:first-child {
  padding-top: 0;
  margin-top: 0 !important;
}

#main1 h3, #main2 h3 {
  /*margin: 20px 0 0 0; padding-bottom: 4px; font-weight: normal;*/
}

#uebersicht #content h3.banner {
  height: 50px;
  line-height: 50px;
  margin: 20px 0 5px 0;
  border-bottom: none;
}

#uebersicht #content h3 img {
  margin: 0 20px -18px 0;
}

#uebersicht #content h3 a {
  border: none;
}

#content .hinweis h3 {
  margin: 5px 0 10px 0;
}

#content #list1 h3 {
  cursor: pointer;
  background: url(https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/add.png) no-repeat left 4px;
  padding: 2px 0 0 20px;
}

#content #list1 h3.open {
  background: url(https://www.berufsbildung.nrw.de/cms/cms/upload/css_img/cross.png) no-repeat left 4px;
}

#right h3 {
  color: #333;
  font-weight: normal !important;
  margin: 0;
  border-bottom: solid 1px #ccc;
  margin: 0 0 10px 0;
  padding: 30px 0 4px 0;
  font-size: 1.1rem;
}

.kasten h3 {
  color: #333;
  font-weight: normal !important;
  margin: 0;
  border-bottom: solid 1px #ccc;
  margin: 0 0 10px 0;
  font-size: 1.1rem;
}

#main1 .breit .kasten h3{margin-top:0;}

#right h3:first-child {
  padding-top: 0;
  margin-top: 0 !important;
}

#right h3 span {
  margin: 20px 0 0px 5px;
  display: inline-block;
  font-weight: normal;
}

.images h3 {
  margin-top: 0 !important;
}

#main1 h4, #main2 h4 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #333;
  line-height: 1.5rem;
}

#main1 h4, #main2 h4 {
  font-size: 1.1rem;
}

#uebersicht #content h4 {
  font-size: 1.1rem;
}

#content h4 {
  margin: 20px 0 10px 0;
  font-size: 1.1rem;
}

#content #faq h4 {
  cursor: pointer;
  padding: 0 0 0 10px;
  margin: 10px 0;
  background: url(../../css/images/h4_faq.gif) no-repeat 0 50%;
}

#content #faq h4:hover,
#content #faq h4:active {
  color: #606060;
}

#main1 h4 span, #main2 h4 span {
  display: block;
  font-size: 0.7rem;
  margin-bottom: 5px;
}

#right h4 {
  font-size: 1.1rem;
}

#right h5 {
  font-size: 1rem;
}

/* Wieso wurde das eingefügt? Wirkt sich so auf jedes div im Contentbereich aus, muss konkreter geschrieben werden
#main1 div h5, #main1 div h3 {
  padding-top: 0;
  margin-top: 0;
}*/

#content h3.underline,
#content h5.underline,
#content #articlelist h2 {
  margin-top: 2rem;
  color: #a81815;
  border-bottom: 2px solid #a81815;
  width: 99%;
  margin-bottom: 0.9rem;
}

#main1 h4 span.dachzeile, #main1 h3 span.dachzeile, #main2 h4 span.dachzeile, #main2 h3 span.dachzeile {
  font-weight: normal;
}

.kompass_b #player {
  float: left;
  margin: 0 10px 10px 0;
}

.num1, .num2 {
  font-size: 85%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.7rem;
  padding: 0 0 0 2px;
}

.num2 {
  top: -0.3rem;
  padding: 0 5px 0 0;
}

.num2:after {
  content: ")";
}

/* Downloads und Linklisten */
#content ul, #right ul {
  list-style: none;
}

/*#extra ul li,
#main1 ul li,
#content .video li,
#content ul li.video { padding: 0 0 0 10px; margin: 3px 0; background: none !important;  }*/
#content ul.downlink li:before,
#main1 ul li:before,
#main2 ul li:before,
#extra ul li:before,
#right ul li:before {
  content: "•";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size:1.2rem;
  text-decoration: inherit;
  color: #333;
  padding-right: 0.3rem;
  top: 2px;
  left: 0;
  position: relative;
  /*margin: 0 5px 0 -10px;*/
}

#content #main1 ul li ul li {
  margin-top: 10px;
}

#right #extra ul li {
  padding: 0 0 0px 12px;
  /*display:flex; HIER KANN KEIN FLEX REINGESCHRIEBEN WERDEN*/
}

#right #extra ul li:before {
  margin-left: -10px;
  top: 0px;
}

#main1 ul ul li:before {
  /*  content: "\f096";
    font-weight: 700;*/
}

#main1 ul li:before {
  /*margin: 0 5px 0 -10px;*/
  padding-right: 5px;
  /*  margin-left: -10px;*/
}

#main1 ul li, #main1 .breit .box ul li {
  /*padding-left: 20px;*/
  margin-bottom: 10px;
}

#main1 .breit .container ul li {
  padding-left: 10px;
}

#main1 .breit .container ul.downlink li {
  padding-left: 20px !important;
}

.navigation li:before,
#usermenu2 ul li:before,
#hilfsmenu ul li:before {
  content: none !important;
  top: 0;
  left: 0;
  position: absolute;
  margin: 0;
}

/*
#content ul.downlink li,
#extra ul.downlink li,
#content ul li.downlink,
#extra ul li.downlink,
#content ul.externer_link li,
#extra ul.externer_link li,
#content ul li.externer_link,
#extra ul li.externer_link,
#content ul.weiterfuehrender_link li,
#content ul li.weiterfuehrender_link,
#content a.weiterfuehrender_link,
#extra ul.weiterfuehrender_link li,
#extra ul li.weiterfuehrender_link,
#extra a.weiterfuehrender_link,
#content ul.listhinweis li,
#content ul li.listhinweis,
#extra ul.listhinweis li,
#extra ul li.listhinweis { position: relative; background: none; padding: 0 0 0 20px; }
#content ul.downlink li:before,
#extra ul.downlink li:before,
#content ul li.downlink:before,
#extra ul li.downlink:before {
    content: "\f019";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #DD511C;
    font-size: 16px;
    padding-right: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
}
#content ul.externer_link li:before,
#extra ul.externer_link li:before,
#content ul li.externer_link:before,
#extra ul li.externer_link:before {
    content: "\f14c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #DD511C;
    font-size: 16px;
    padding-right: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
}
#content ul.weiterfuehrender_link li:before,
#content ul li.weiterfuehrender_link:before,
#content a.weiterfuehrender_link:before,
#extra ul.weiterfuehrender_link li:before,
#extra ul li.weiterfuehrender_link:before,
#extra a.weiterfuehrender_link:before {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #DD511C;
    font-size: 18px;
    padding-right: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
}
#content ul.listhinweis li:before,
#content ul li.listhinweis:before,
#extra ul.listhinweis li:before,
#extra ul li.listhinweis:before {
    content: "\f152";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #DD511C;
    font-size: 17px;
    padding-right: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
}
#content ul.download li,
#content ul li.download { padding: 0; background: none; }
#extra ul li.matdat,
#content ul li.matdat { padding: 5px 0 5px 36px; background: transparent url(/css/images/matdat_kl.gif) no-repeat center left; }
#extra ul li.matdat	{ padding: 8px 0 8px 36px; }
#content ul.mehr li { background: url(images/r1.gif) no-repeat 0 6px; padding: 0 0 0 18px; }
#content ul ul li { background: url(images/dot_2.gif) no-repeat 0 8px; }
*/
#glossar #main1 ul li {
  background: none;
  padding: none;
  font-weight: bold;
}

#glossar #main1 ul li a {
  background: url(../../css/images/rechtsblau.gif) no-repeat 0 4px;
  padding: 0 0 0 10px;
  margin: 0 0 0 -10px;
  border: none;
}

#glossar #main1 ul ul li a {
  background: url(../../css/images/glossar.gif) no-repeat 0 0;
  padding: 0 0 0 15px;
  font-weight: normal;
}

#content ul.aktuell {
  margin: 0 0 10px 0;
}

#content ul.aktuell li {
  list-style: none;
  padding: 0;
  background-image: none;
}

#content ul.aktuell li a {
  padding: 0 15px 0 0;
  background: url(images/r1.gif) no-repeat 100% 5px;
}

#content .faqblock {
  margin: 3px 0;
  padding: 0 5px 5px 5px;
  background: #f4f1ed;
}

.weiterfuehrender_link,
.downlink,
.externer_link,
.matdat,
.listhinweis,
.video,
.linklist,
.literatur,
.praxis {
  position: relative;
}

.list1 .weiterfuehrender_link,
.list1 .downlink,
.list1 .externer_link,
.list1 .matdat,
.list1 .listhinweis,
.list1 .video,
.list1 .linklist,
.list1 .literatur,
.list1 .praxis {
  /*  padding-left: 20px;*/
}

/* auskommentiert wegen regulärer Ausdrücke
#content ul.weiterfuehrender_link li:before,
#content ul li.weiterfuehrender_link:before,

#extra ul.weiterfuehrender_link li:before,
#extra ul li.weiterfuehrender_link:before,

.main ul.weiterfuehrender_link li:before{
  content: none !important;
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
}*/
/*
#content ul.downlink li:before,
#extra ul.downlink li:before,
#content ul li.downlink:before,
#extra ul li.downlink:before {
  content: none !important;
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
  margin-right: 5px;
}*/
#content a.downlink:before,
#extra a.downlink:before {
  padding-left: 0.3rem;
}

#content ul.externer_link li:before,
#extra ul.externer_link li:before,
#content ul li.externer_link:before,
#extra ul li.externer_link:before,
  {
  content: none !important;
  font-family: FontAwesome;
  /*  font-size: 14px;*/
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
}

#extra ul li.matdat:before,
#content ul li.matdat:before {
  content: "\f07c";
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
}

/* Listhinweeis entfernt durch poe
#content ul.listhinweis li:before,
#content ul li.listhinweis:before,
#extra ul.listhinweis li:before,
#extra ul li.listhinweis:before {
  content: "\f152";
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
}*/
#content ul li.video {}

#content ul.video li:before,
#content ul li.video:before,
#extra ul.video li:before,
#extra ul li.video:before {
  content: "\f03d";
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
}

#content ul li.linklist {
  padding: 0 0 0 10px !important;
}

#content ul.linklist li:before,
#content ul li.linklist:before,
#extra ul.linklist li:before,
#extra ul li.linklist:before,
.kasten ul li:before

/*,
#content ul.faecher li:before*/
  {
  content: "\f0da";
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
  vertical-align: top;
  padding-right: 5px;
}

#content ul.literatur li:before,
#content ul li.literatur:before,
#extra ul.literatur li:before,
#extra ul li.literatur:before {
  content: "\f02d";
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
}

/*#content ul li.praxis { padding: 0 0 0 10px !important; }*/
#content ul.praxis li:before,
#content ul li.praxis:before,
#extra ul.praxis li:before,
#extra ul li.praxis:before {
  content: "\f015";
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #a81815;
}

#main1 ul li.weiterfuehrender_link:before,
#main1 ul.weiterfuehrender_link li:before,
#main1 ul li.downlink:before,
#main1 ul.downlink li:before,
#main1 ul li.externer_link:before,
#main1 ul.externer_link li:before,
#main1 ul li.matdat:before,
#main1 ul li.listhinweis:before,
#main1 ul.listhinweis li:before,
#main1 ul li.video:before,
#main1 ul.video li:before,
#main1 ul li.linklist:before,
#main1 ul.linklist li:before,
#main1 ul li.literatur:before,
#main1 ul.literatur li:before,
#main1 ul.praxis li:before,
#main1 ul li.praxis:before {
  /*margin-left: -20px;*/
}

.kasten ul li:before {
  margin-left: -10px;
}

a.weiterfuehrender_link:before,
a.downlink:before,
a.externer_link:before {
  margin-right: 3px;
}

/* phrasemarker */
.marked {
  background-color: #ffa;
}

.markieren {
  cursor: url(../../css/images/markieren.png), auto;
}

/* Tabellen */
table {
  margin: 0 0 10px 0;
  border-color: #808080;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-collapse: collapse;
  /*width: 100%;*/
  font-size: 0.9rem;
}

td, th {
  vertical-align: top;
  border-color: #808080;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0;
  padding: 5px;
  background-color: #fff;
}

th {
  font-weight: bold;
  color: #333 !important;
  background-color: #dbd8d5;
}

table caption {
  font-size: 125%;
  font-weight: bold;
  padding: 20px 0 10px;
}

table td.xxx,
table.profil td {
  text-align: center;
}

table.einfach tbody td, tbody th {
  text-align: left;
  padding: 0.5rem;
}

/* Hilfsmenue */
#hilfsmenu {
  float: right;
  margin-right: -205px;
  margin-top: 85px;
}

#kopf_inhalt #hilfsmenu {
  clear: both;
  margin-right: 0;
  position: absolute;
  right: 0;
}

#hilfsmenu ul {
  list-style: none;
  padding: 0 0 10px 0;
  font-size: 0.8rem;
  margin-top: 10px;
}

#start #hilfsmenu ul {
  /*margin-top: 0; */
}

#hilfsmenu ul li {
  float: left;
}

#hilfsmenu ul li img {
  position: static;
  top: 3px;
  padding-left: 15px;
  padding-right: 5px;
  border: none;
  border-left: 1px solid #ddd;
}

#hilfsmenu ul li.first img {
  border: none;
}

#hilfsmenu ul li a, #hilfsmenu ul li a:visited {
  text-decoration: none;
  color: #000;
  padding: 0 20px 0 0px;
}

#hilfsmenu ul li.last a {
  padding: 0;
}

#hilfsmenu ul li a:hover, #hilfsmenu ul li a:active, #hilfsmenu ul li a:focus {
  text-decoration: underline;
}

#Service a::before, li.first a::before {
  font-family: FontAwesome;
  content: "\f003";
  font-size: 1rem;
  padding-right: 5px;
  color: #a81815;
}

.drucken a::before, li.drucken a::before {
  font-family: FontAwesome;
  content: "\f02f";
  font-size: 1rem;
  padding-right: 5px;
  color: #a81815;
}

#Service img, #sitemap img, #Themen img, #Impressum img, li.first img {
  display: none;
}

#sitemap a::before, #Themen a::before {
  font-family: FontAwesome;
  content: "\f0e8";
  font-size: 1rem;
  padding-right: 5px;
  color: #a81815;
}

ul li#Service a:active, ul li#Themen a:active ul li#sitemap a:active, ul li#Service a:hover, ul li#Themen a:hover, ul li#sitemap a:hover, ul li.drucken a:active, ul li.drucken a:hover {
  text-decoration: none !important;
}

/* Navigation Left */
#left ul a:link.active, #left ul li ul li a:link.active {
  font-weight: bold;
  text-decoration: none;
}

#left ul li {
  margin: 0;
  background: none;
}

#left ul li ul li ul li ul li a {
  background-color: #7a7876 !important;
  color: #fff !important;
  border-bottom: 1px solid #fff !important;
}

#left ul a:link,
#left ul a:visited {
  line-height: 1rem;
}

#left {
  width: 20.3%;
  float: left;
  padding: 0;
  /*padding-left:10px;*/
}

#left ul {
  margin: 15px 10px;
  overflow: hidden;
}

#left ul, #right ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.8rem !important;
}

#left ul li {
  display: block;
}

#left ul a:link,
#left ul a:visited {
  color: #333;
  text-decoration: none;
  display: block;
  font-weight: normal;
  padding: 10px;
  border-bottom: 1px solid #a81815;
}

#left ul li a.bereich {
  font-size: 1.15rem;
  font-weight: normal;
  background: #a81815 url(https://www.berufsbildung.nrw.de/cms/css/map.png) no-repeat left 0px !important;
  color: #fff !important;
  border-radius: 10px 0 0px 10px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 30px;
}

#left ul li a.bereich:before {
  content: "";
}

#left ul li a:hover,
#left ul li a:focus,
#left ul li a:active {
  background-color: #a81815;
  color: #fff;
  /* color: #333; background: #f0dac3; box-shadow: 4px 1px 0px #f4f1ed;*/
}

#left ul li a.bereich:hover,
#left ul li a.bereich:active,
#left ul li a.bereich:focus {
  background: #a81815 url(https://www.berufsbildung.nrw.de/cms/css/map.png) no-repeat left 0px;
  text-decoration: underline;
}

#left ul li.auswahl {
  font-weight: bold;
  border-radius: 10px 0 0px 10px;
}

#left ul li.auswahl a {
  color: #fff;
  font-weight: bold;
  border: 0;
  box-shadow: none;
  background: #a81815;
}

#left ul li ul {
  font-size: 0.9rem;
  margin: 0px 0 0px 0px !important;
}

#left ul li ul li {
  padding: 0;
}

#left ul li.auswahl ul li.auswahl ul li.auswahl ul li.auswahl ul li.auswahl a {
  font-weight: bold;
}

#left ul li ul li a:link,
#left ul li ul li a:visited {
  padding-left: 30px;
  background: #f4f1ed;
  color: #333;
  font-weight: normal;
  border-bottom: solid 1px #a81815;
  box-shadow: none;
}

#left ul a:hover:before {
  /* float: right; display: inline-block; width: 0; height: 0; vertical-align: top; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #2f2f2f; content: ""; margin-right: -14px;*/
}

#left ul ul a:before,
#left ul ul a:hover:before {
  float: left;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #2f2f2f;
  content: "";
  margin-left: -14px;
  margin-top: 2px;
}

#left ul ul a:hover:before {
  color: #a81815;
}

#left ul ul li a:hover,
#left ul ul li a:focus,
#left ul ul li a:active {
  color: #111;
  text-decoration: underline;
  background: #f4f1ed;
}

#left ul li ul a,
#left ul li ul li.auswahl ul li a,
#left ul li ul li.auswahl ul li ul li a,
#left ul li ul li ul li ul li.auswahl ul li a {
  font-weight: normal;
}

#left ul ul ul li a {
  padding-left: 30px !important;
  background: #dbd8d5 !important;
}

#left ul ul ul ul li a {
  padding-left: 40px !important;
}

#left ul ul ul ul ul li a {
  padding-left: 50px !important;
}

#left ul li ul li.auswahl a,
#left ul li ul li ul li.auswahl a,
#left ul li ul li ul li ul li.auswahl a {
  font-weight: bold;
}

#left ul li ul li.auswahl a:before {
  content: "";
  border: 0;
}

#left ul li ul li.auswahl ul li a:before {
  content: "";
}

#left ul li ul li.auswahl ul li.auswahl a:before {
  content: "";
}

/* Aenderungen Navi links im Zuge der Layoutüberarbeitung */
#left ul li ul li ul li ul li ul li a {
  background-color: #fff !important;
  color: #333 !important;
  border-bottom: 1px solid #a81815 !important;
}

#left ul li ul li ul li ul li ul li ul li a {
  background-color: #f4f1ed !important;
  color: #333 !important;
  border-bottom: 1px solid #a81815 !important;
}

#left ul li ul li.auswahl a::before {
  border-bottom: 5px solid transparent !important;
  border-left: 5px solid #2f2f2f !important;
  border-top: 5px solid transparent !important;
  content: "";
  display: inline-block;
  float: left;
  height: 0;
  margin-left: -14px;
  margin-top: 1px;
  vertical-align: top;
  width: 0;
}

#left ul li ul li ul li ul li a::before {
  border-bottom: 5px solid transparent !important;
  border-left: 5px solid #fff !important;
  border-top: 5px solid transparent !important;
}

#left ul li ul li ul li ul li ul li a::before {
  border-bottom: 5px solid transparent !important;
  border-left: 5px solid #2f2f2f !important;
  border-top: 5px solid transparent !important;
}

#left ul li ul li ul li a {
  padding-left: 40px !important;
}

#left ul li ul li ul li ul li a {
  padding-left: 50px !important;
}

#left ul li ul li ul li ul li ul li a {
  padding-left: 60px !important;
}

#left ul li ul li ul li ul li ul li ul li a {
  padding-left: 70px !important;
}

/* Rechte Spalte */
#right {
  width: 23%;
  float: right;
  margin-top: 2px;
  padding-right: 10px;
}

#right p {
  font-size: 0.8rem;
}

/*#right ul { margin: 0 0 20px 0; }
#right ul li { display: block; margin: 0 0 8px 0; padding: 5px 5px 5px 1px; }
#right ul li:before { margin: 0 }*/
/* Kasten */
.kasten h3 {
  margin-top: 0;
}

#start .kasten ul li {
  /* padding: 0 0 0 20px; background: url(/css/images/chevron.gif) no-repeat 0 2px; */
}

.kasten, .kasten1 {
  margin-bottom: 20px;
  float: left;
  font-size: 0.9rem;
  border: solid 0px #ccc;
  box-shadow: 5px 1px 5px #ccc;
  min-height: 150px;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.kasten {
  padding: 0 4% 0 4%;
}

.kasten h3 a {
  color: #000;
}

.kasten h2 {
  font-size: 1.2rem;
}

.kasten ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.kasten.news {
  background-color: #fae9d6;
  /**/
  padding: 26px !important;
}

.kasten.start-aktuell {
  padding: 14px 22px !important;
}

/* Links */
#main1 a:visited, #main2 a:visited {
  /*color: #a81815; text-decoration: none;*/
}

.boxlinkbutton {
  bottom: 10px;
}

#right a,
ul.link li a,
#main2 .answer a {
  color: #a81815;
  /* background-image: url(/css/images/rechtsblau.gif); */
  background-repeat: no-repeat;
  background-position: left 4px;
}

#right a {
  background-position: left 4px;
  font-size: 0.8rem;
}

#right {
  font-size: 0.8rem;
}

#right a:hover, ul.link li a:hover, #main2 li a:hover, #main2 .answer a:hover {
  /*color: black;*/
}

a.navi {
  display: none;
}

/* Fuss */
#fuss {
  width: 100%;
  background: #fff;
  min-height: 120px;
  color: #333;
  border-top: 2px solid #a81815;
}

#fussinnen {
  overflow: visible;
  font-size: 0.8rem;
  padding: 10px 20px;
  max-width: 1000px;
  margin: 0 auto;
}

#fuss .list {
  float: left;
  padding: 10px 0;
  margin-top: 0px;
  width: 100%;
}

#fuss ul ul li {
  margin-top: 7px;
  margin-bottom: 7px;
  list-style-type: none;
}

#fuss ul ul a, #fuss ul ul a:visited {
  color: #333;
  text-decoration: none;
  padding: 1px 3px 1px 15px;
  display: block;
  background: url(https://www.berufsbildung.nrw.de/cms/css/miniarrow.png) no-repeat 0px 5px;
}

#fuss ul ul a:hover, #fuss ul ul a:active, #fuss ul ul a:focus {
  text-decoration: underline;
  color: #a81815;
}

#fuss .list h3 {
  color: #F1F4F6;
  padding-left: 0px;
  font-size: 0.9rem;
  margin: -28px 0 0px 0;
  background: #ddd url(https://www.berufsbildung.nrw.de/cms/css/leiste.jpg) no-repeat top center;
  padding: 50px 15px 20px 15px;
  border-radius: 3px;
  font-size: 1.1rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}

#fuss .list h3.current {
  background: #ddd url(https://www.berufsbildung.nrw.de/cms/css/leiste2.jpg) no-repeat top center;
}

#fuss .extern h3 {
  cursor: auto;
}

.list ul {
  padding: 0;
}

#fussinnen ul.answer {
  overflow: hidden;
  padding: 30px 20px;
  margin: 0;
}

#info {
  clear: left;
  color: #333;
  text-align: center;
  padding: 0 20px;
}

#info p {
  /*padding-top: 20px; */
}

#info ul {
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
  margin-bottom: 0 !important;
}

#info ul li {
  display: inline;
}

#info ul li a {
  color: #a81815;
  padding: 2px 4px;
}

ul.link {
  list-style: none;
}

ul.focus {
  background: #f4f1ed;
  width: 32%;
  float: right;
  font-size: 0.9rem;
  padding: 10px;
  border-radius: 10px;
  list-style-type: none;
  border: solid 1px #ddd;
}

/* Navigation Startseite */
.main {
  padding-top: 105px;
  padding-bottom: 20px
}

@media all and (min-width:960px) {
  .main {
    padding-top: 70px;
  }
}

#usermenu2 ul#oben li a::after {
  border: 0 !important;
}

ul#unten {
  font-size: 1.1rem;
  height: 46px;
  margin: 0 auto !important;
  padding: 0 0 0 10px;
  text-align: right;
  width: 100%;
  padding-right: 5px;
}

ul#unten li {
  display: block;
  float: left;
  margin-top: 10px;
  position: relative;
  text-align: left;
  /* width: 100%; */
}

ul#unten>li>a, ul#unten>li>a:visited {
  background: #a81815 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
  margin-right: 10px;
  padding: 8px 8px;
  text-decoration: none;
}

ul#unten li a:hover, ul#unten li a:active, ul#unten li a:focus {
  background: #dbd8d5 none repeat scroll 0 0;
  color: #a81815;
  text-decoration: none;
  outline: 1px solid #a81815;
  outline-offset: -1px;
}

div.userlistentrysub li a:hover, div.userlistentrysub li a:active, div.userlistentrysub li a:focus {
  transition: all 0.1s ease-out;
  outline: none !important;
}

div.userlistentrysub li a:hover, div.userlistentrysub li a:active, div.userlistentrysub li a:focus {
  background: #dbd8d5 none repeat scroll 0 0;
  color: #a81815;
  text-decoration: underline;
}

.caret {
  border-color: #EB720D transparent !important;
  border-width: 6px 6px 0;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: left;
  margin-right: 5px;
  margin-top: 8px;
  margin-left: 0;
}

.current .caret {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#usermenu2 ul#oben>li.auswahl>a {
  background: #a81815;
  color: #fff;
}

#usermenu2 ul#oben li a:after {
  margin: 0 !important;
}

nav {
  margin-bottom: -46px;
}

nav h1 {
  font-size: 0px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

nav.sticky2 {
  width: 100%;
  left: 0;
  z-index: 100;
  border-top: 0;
  top: 0;
}

nav.sticky2 h1 {
  opacity: 1;
  font-size: 18px;
  line-height: 25px;
  margin: 0 30px 0 0;
}

ul#unten {}

ul#unten>li>a {
  cursor: pointer;
}

ul#unten.dezent>li>a, ul#unten.dezent>li>a:visited, ul#unten.dezent>li>button, ul#unten.dezent>li>button:visited {
  background-color: #dbd8d5;
  color: #7a7876;
}

.dezent .caret {
  border-color: #7a7876 transparent !important;
}

/*zuständig für die kleine Verbindungspfeile in der Navigation auf den Startseiten*/
.arrow {
  border-bottom: 10px solid #a81815;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  left: 50px;
  position: absolute;
  top: -10px;
  width: 0;
}

/*zuständig für die kleine Verbindungspfeile in der Navigation für zweispaltige Dropdowns am rechten Rand*/
.arrow_right {
  border-bottom: 10px solid #a81815;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  right: 50px;
  position: absolute;
  top: -10px;
  width: 0;
}

ul#unten>li>a.current, ul#unten>li>a.current:visited {
  background-color: #dbd8d5;
  outline: 1px solid #a81815;
  outline-offset: -1px;
  color: #a81815;
}

/* Extra */
#extra p.video {
  color: #000;
  background: #f9f8f4;
  padding-bottom: 5px;
  margin: 5px 0;
}

#extra .video img {
  margin: 10px 0 5px 0;
}

/*-- Anpassungen ul li Flyout-Navi */
.column1 {
  /*column-count:1; -webkit-column-count:1; -moz-column-count:1;*/
  width: 98%;
}

.column2 {
  /*column-count:2; -webkit-column-count:2; -moz-column-count:2; column-gap:10px; -webkit-column-gap:10px; -moz-column-gap:10px;*/
  width: 200%;
}

.column3 {
  /*column-count:3; -webkit-column-count:3; -moz-column-count:3; column-gap:10px; -webkit-column-gap:10px; -moz-column-gap:10px;*/
  width: 300%;
}

.width25 {
  width: 20%;
}

.width33 {
  width: 33.333333333333333%;
}

.width25true {
  width: 25%;
}

.width98 {
  width: 98%;
}

@media all and (min-width:540px) {
  .width30 {
    width: 30%;
  }
}

#left>ul>li.auswahl {
  border-top: none !important;
}

div.userlistentrysub li {
  padding-bottom: 0 !important;
  width: 100%;
}

div.userlistentrysub li a:before {
  content: "\f0da";
  font-family: FontAwesome;
  padding-right: 4px;
  margin-left: -8px;
}

div.userlistentrysub li a {
  width: 100% !important;
}

.logo {
  max-width: 40% !important;
  height: 120%;
}

.logo-wb {
  max-width: 46% !important;
  height: 120%;
}

li.upgrade {
  margin: 0 !important;
  margin-left: -30px !important;
  padding: 0 !important;
}

.kasten_navi {
  /*display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
display: flex;        flex-wrap:wrap; background:#f4f1ed; margin-bottom:10px;*/
  background: #f4f1ed;
  margin-bottom: 10px;
  float: left;
  margin-right: 8px;
}

.column3 .kasten_navi {
  width: 31%;
}

.column2 .kasten_navi {
  width: 47%;
}

.column1 .kasten_navi {
  width: 97%;
}

.kasten_navi ul {
  font-size: 0.9rem;
  padding: 0
}

.kasten_navi li {}

.kasten_navi li:last-child {
  margin-bottom: 10px;
}

@media all and (min-width:768px) {
  .multicolumn {
    width: 198%;
  }

  .multicolumn .kasten_navi {
    width: 98%;
  }

  .multicolumn .menucol {
    float: left;
    width: 50%;
  }
}

#usermenu2 ul#oben li a:before

/*#info ul li a:before */
  {
  /*content: "\f08e";*/
  content: "\f204";
  font-family: FontAwesome;
  padding-right: 4px;
  font-size: 0.9rem;
}

#usermenu2 ul#oben li a:hover:before {
  text-decoration: none !important;
}

#usermenu2 ul#oben li.auswahl a:before {
  /*content: "\f08e";*/
  content: "\f205";
  font-family: FontAwesome;
  padding-right: 4px;
  font-size: 0.9rem;
}

#usermenu2 ul#oben li.first a:before {
  content: "\f08e";
  font-family: FontAwesome;
  padding-right: 4px;
}

ul#unten li.headline {
  border-bottom: 2px solid #a81815;
  color: #a81815;
  display: block;
  margin-top: 0 !important;
  padding: 8px !important;
  width: 100%;
  font-size: 1.1rem;
}

@media screen and (max-width:768px) {
  .column1 .kasten_navi, .column2 .kasten_navi, .column3 .kasten_navi {
    /*column-count: 1;
      -webkit-column-count: 1;
      -moz-column-count: 1;*/
    width: 98%;
  }

  .micronavigation {
    display: none;
  }

  .box {
    width: 100% !important;
  }
}

@media screen and (max-width: 480px){
#content #main1 .breit img, #content img.rechts {
    margin: 0 !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    clear: both;
    float: none;
	width:98%;
  }
}

@media screen and (max-width: 960px) {
  ul#unten>li>a.current, ul#unten>li>a.current:visited {
    background-color: #dbd8d5;
    outline: 0px solid #a81815;
    outline-offset: -1px;
    color: #a81815;
  }

  #content #main1 .breit img, #content img.rechts {
    margin: 0 !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    clear: both;
    float: none;
  }

  ul#unten li.headline {
    font-size: 1rem;
  }

  div.userlistentrysub li a {
    font-size: 0.9rem;
    line-height: 1rem;
  }

  /*.kasten .myBox img{width:36%;}*/
  #content {
    padding: 0;
    top: 70px;
    margin-bottom: 70px;
  }

  #kopf {
    height: auto;
  }

  .logo {}

  .neu #outerslide .col-md-8 h1, .neu #outerslide_qualis .col-md-8 h1, .neu #outerslide_bb .col-md-8 h1, .neu #outerslide_wb .col-md-8 h1 {
    font-size: 32px;
    color: #444;
  }

  .kennung {
    float: right;
    display: none;
  }

  #usermenu h1 {
    margin: 15px 0 0 0 !important;
  }

  #usermenu img {
    margin: 0 0 10px -15px !important;
  }

  #hilfsmenu {
    clear: both;
    float: right;
    padding-right: 5px;
    padding-bottom: 5px;
  }

  #hilfsmenu ul {
    list-style: none;
    padding: 0 0 5px 0;
    font-size: 0.8rem;
  }

  #hilfsmenu ul li {
    float: left;
  }

  #hilfsmenu ul li img {
    position: relative;
    top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    border-left: 1px solid #ddd;
  }

  #hilfsmenu ul li.first img {
    border: none;
  }

  #hilfsmenu ul li a,
  #hilfsmenu ul li a:visited {
    padding: 0 5px 0 0px;
  }

  #start #usermenu2 ul#oben {
    display: none;
  }

  #usermenu2 ul#oben, div.userlistentrysub li a {
    border-radius: 0;
    width: 100%;
  }

  #usermenu2 ul#oben:after {
    display: none;
  }

  #usermenu2 ul#oben:before {
    display: none;
  }

  #usermenu2 ul#oben li {
    display: block;
    float: none;
    margin: 0;
  }

  #usermenu2 ul#oben li a:after {
    float: right;
  }

  #usermenu2 ul#oben>li>a,
  #usermenu2 ul#oben>li>a:visited {
    background-color: #f4f1ed;
    border-radius: 0;
    color: #333;
    display: block;
    float: none;
    font-size: 0.9rem;
    margin: 0;
    padding: 10px;
  }

  .userlistentrysub {
    position: relative;
    width: 100%;
    max-width: 100%;
    background: #EA710D;
    left: 0 !important;
    padding: 0;
    border-radius: 0;
    margin: 0;
    border: 0;
  }

  .userlistentrysub li {
    padding: 0 !important;
  }

  div.userlistentrysub li a {
    padding: 10px 20px;
    margin: 0 !important;
    color: #a81815;
  }

  ul#oben li:hover .userlistentrysub, ul#oben li:active .userlistentrysub {
    left: 15px;
  }

  .text {
    width: 100%;
  }

  input.inputbox {
    width: 80%;
    margin-top: 6px;
  }

  p.suchfeld img {
    margin-top: 6px;
  }

  .kasten, .kasten1 {
    clear: both;
  }

  #main1, #main2, #pm {
    height: auto;
    min-height: 10px;
    width: 100%;
    border: none;
    padding-top: 1px;
    /* margin-top: 20px;*/
  }

  #left, #right {
    padding-top: 0;
    width: auto;
  }

  #right {
    background: #f4f1ed;
    padding: 20px;
    margin: 0;
    width: 100%;
  }

  #left {
    width: 100%;
    margin-top: -132px;
  }

  #left ul.navigation {
    border-right: none !important;
  }

  /*#left {margin: -15px;}*/
  #left a {
    border-radius: 0 !important;
  }

  #left ul {
    margin: 15px 0;
  }

  #left ul a.bereich {
    display: none;
  }

  #left ul li.auswahl a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /*#left ul li a {padding: 15px 10px 15px 20px !important; font-size: 0.9rem;}*/
  #left ul li a {
    font-size: 0.9rem;
    padding: 10px 0 10px 30px !important;
  }

  #left ul li ul li a {
    padding: 15px 10px 15px 50px !important;
  }

  #left ul li ul li ul li a {
    padding: 15px 10px 15px 60px !important;
  }

  #left ul li ul li ul li ul li a {
    padding: 15px 10px 15px 80px !important;
  }

  #left ul li ul li ul li ul li ul li a {
    padding-left: 100px !important;
  }

  #main1, #main2, #main3 {
    box-sizing: border-box;
    clear: both;
    float: none;
    padding: 0 20px 20px;
  }

  #box #main1, #box-offiziell #main1, #box-offiziell_klapp #main1, #klp-hinweise-box #main1 {
    width: 100%;
    padding-top: 1px;
  }

  .kasten, .kasten1 {
    width: 100%;
    margin-right: 0;
  }

  .kasten p, .kasten li, .kasten1 p, .kasten1 li {}

  #info {
    padding: 0;
  }

  .text {
    float: none;
    width: 90%;
    position: relative;
    height: auto;
  }

  #outerslide, #outerslide_qualis, #outerslide_bb, #outerslide_wb {
    border: solid 0px !important;
    padding: 0 10px;
  }

  ul#oben {
    display: block;
  }

  #usermenu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0;
    height: auto;
  }

  #outerslide, #outerslide_qualis, #outerslide_bb, #outerslide_wb {
    padding: 10px !important;
  }

  p.suchfeld {
    float: none;
    background: #999;
    margin: 0;
    padding: 0px;
    text-align: center;
    display: block;
    width: auto;
  }

  #content {
    border-radius: 0;
    position: relative;
    width: auto;
    z-index: 10;
    background-color: #fff;
  }

  #footer .list {
    float: none;
    width: auto;
  }

  #slider1 .text {
    padding: 0;
    left: 0;
  }

  a.navi {
    display: inline;
  }

  a.navi:before {
    content: "";
    font-size: 2rem;
  }

  #left {
    display: none;
  }

  #content {
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
  }

  ul#oben li a.back:hover {
    border-radius: 0 !important;
  }

  ul#oben li a.back, ul#oben li.bereich {
    float: left !important;
    display: inline;
    line-height: 1.0em !important;
    padding: 0 10px 15px 30px !important;
    margin: 0 !important;
    border: 0 !important;
  }

  ul#oben li a.back {
    text-decoration: underline !important;
    display: none !important;
    border: solid 1px #ccc;
  }

  #fussinnen {}

  #fussinnen .list {
    float: none;
    margin-bottom: 20px;
    overflow: hidden;
  }

  #fussinnen .list ul.answer1 {
    text-align: center;
  }

  #fussinnen ul.answer1 a {
    padding: 10px;
  }

  #hilfsmenu {
    margin-top: 20px;
    display: none;
  }

  #hilfsmenu img {
    display: none;
  }

  #hilfsmenu li {
    border-right: solid 1px;
    padding: 0 0 0 10px;
  }

  #fuss .list h3 {
    margin-top: -10px;
  }

  .breit {
    padding: 0;
  }

  nav h1 {
    display: none;
  }

  #usermenu2 {}

  ul#unten {
    width: 100%;
    position: absolute;
    left: 0;
    top: 103px;
    z-index: 100;
    padding: 0;
    margin: 0 0 0 -10px;
  }

  nav.sticky2 ul#unten {
    top: 0;
    margin: 0;
  }

  ul#unten li {
    display: block;
    float: none;
    margin: 0;
  }

  ul#unten li a:after {
    float: right;
  }

  ul#unten>li>a,
  ul#unten>li>a:visited {
    display: block;
    padding: 6px 10px;
    font-size: 1rem;
    border-bottom: solid 1px #EA710D;
    float: none;
    border-radius: 0;
    margin: 0;
  }

  ul#unten.dezent>li>a,
  ul#unten.dezent>li>a:visited, ul#unten.dezent>li>button,
  ul#unten.dezent>li>button:visited {
    border-color: #7a7876;
  }

  p.suchfeld {
    padding-bottom: 5px;
  }

  p.suchfeld #search_send {
    margin: 9px;
  }

  .sticky2 {
    position: absolute;
  }

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  .col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  .col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md,
  .col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0 !important;
    padding-left: 0px;
    /*
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap:wrap;*/
    /*--------- ACHTUNG! Rausgenommen, weil sonst einzelne Elemente, z.B. p und ul nebeneinander geflext werden! ---------*/
  }

  .col-sm-6, .col-md-3, .col-md-12 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  /*------- neue Mediaqueries zur Reparatur der Mobilversionen -------*/
  #start img.rahmen {
    margin-left: -7px;
  }

  .kasten h2 {
    margin: 0px !important;
    margin-top: 20px !important;
  }

  .main .kasten h2 {
    margin-top: 0 !important;
  }

  .breit .kasten ul li.downlink, .breit .kasten ul li.weiterfuehrender_link, .breit .kasten ul li.externer_link {
    padding-left: 0.1rem !important;
  }

  #main1 ul li.weiterfuehrender_link:before,
  #main1 ul.weiterfuehrender_link li:before,
  #main1 ul li.downlink:before,
  #main1 ul.downlink li:before,
  #main1 ul li.externer_link:before,
  #main1 ul.externer_link li:before,
  #main1 ul li.matdat:before,
  #main1 ul li.listhinweis:before,
  #main1 ul.listhinweis li:before,
  #main1 ul li.video:before,
  #main1 ul.video li:before,
  #main1 ul li.linklist:before,
  #main1 ul.linklist li:before,
  #main1 ul li.literatur:before,
  #main1 ul.literatur li:before,
  #main1 ul.praxis li:before,
  #main1 ul li.praxis:before {
    margin-left: -20px;
  }

  #main1 ul, #main2 ol, #main2 ul, #main1 ol {
    padding-left: 20px;
  }

  #main1 ul li {
    padding-left: 0;
  }

  #kopf {
    margin-bottom: 30px;
  }

  .width25 {
    width: 100% !important;
  }

  .width33 {
    width: 100% !important;
  }

  .width25true {
    width: 100% !important;
  }

  .width98 {
    width: 100% !important;
  }

  #usermenu2 {
    display: none;
  }

  .logo {
    width: 300px !important;
    max-width: 500px !important;
  }

  .neu #outerslide>.container, .neu #outerslide_qualis>.container, .neu #outerslide_bb>.container, .neu #outerslide_wb>.container {
    display: none;
  }

  .kasten {
    width: 100% !important;
  }

  .myBox {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
  }

  .textItem {
    min-height: 0 !important;
  }

  .kasten p:last-child img {
    display: none;
  }

  ul#unten {
    height: inherit;
  }

  .userlistentrysub {
    background-color: #dbd8d5;
    border-bottom: 1px solid #a81815;
    border-left: 1px solid #a81815;
    border-right: 1px solid #a81815;
    overflow: hidden;
    padding: 10px;
    padding-right: 0;
    padding-bottom: 0;
    position: absolute;
    z-index: 1000;
  }

  .userlistentrysub_right {
    right:0;
  }

  .userlistentrysub {
    display: block;
    border-left: none;
    border-right: none;
  }

  div.userlistentrysub li a {
    width: 100% !important;
    padding: 10px 8px;
  }

  #usermenu {
    border-top: 2px solid #a81815;
    margin-left: auto;
    margin-right: auto;
    min-height: 48px;
    padding-top: 5px;
    width: 100%;
  }

  .navbar-toggle {
    display: inline;
    margin-top: -165px !important;
  }

  .navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 6px;
    width: 32px;
  }

  .navbar-toggle .icon-bar {
    background-color: #a81815;
  }

  #left ul.navigation {
    border-right: 1px solid #a81815;
  }

  .dezent {
    display: none;
  }
}

@media screen and (min-width:960px) and (max-width:1024px) {
  ul#unten>li>a, ul#unten>li>a:visited {
    font-size: 0.9rem;
  }

  .myBox img {
    float: none !important;
    width: 66%;
  }

  ul#unten li.headline {}

  div.userlistentrysub li a {}
}


/* ======================= GANZTAG.CSS bereinigt ======================================*/
#main1 .box a {}

hr {
  border: 0;
}

#usermenu2 ul#oben li.bereich h1 {}

#breadcrumb a:first-child,
#breadcrumb img:nth-child(2) {}

/* #main1 ul { display: table; width: 100%; } */
#right #extra ul li {
  margin: 5px 0;
}

#main1 .timeline li::before {
  content: none
}

td {
  /*width: 50%;*/
}

.timeline {
  margin: 30px 0;
}

.timeline img {
  float: left;
  width: 32%;
  height: auto;
  margin: 20px;
  margin-top: 5px;
  border: 6px solid #a81815;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 0;
}

.timeline li {
  clear: both;
  background: none !important;
}

.timeline li.head {
  padding-top: 40px !important;
}

.timeline li.head p,
.timeline li.head h3 {
  width: 33% !important;
  text-align: center;
  float: left;
  /*margin-bottom: 20px !important; */
}

.timeline li.head p {
  font-size: 1.1rem !important;
}

.timeline h3 {
  margin: 0 auto !important;
  text-align: center;
  color: #fff !important;
  margin-top: 0 !important;
  background: #a81815;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.bubble {
  /*border-radius: 0; font-size: 0.8rem; line-height: 17px; color: #000;*/
  margin: 0.9rem 0 3rem;
  padding: 15px;
  position: relative;
  width: 33%;
  float: left;
}

.bubble.lehrer {
  background: #f4f1ed none repeat scroll 0 0;
  /*top: 30px !important; */
}

.bubble.schueler {
  background: #dbd8d5 none repeat scroll 0 0;
  color: #333;
}

.bubble::after {
  border-color: #075698 transparent;
  border-style: solid;
  border-width: 20px 0 0 20px;
  bottom: -20px;
  content: "";
  display: block;
  left: 50px;
  position: absolute;
  width: 0;
}

.bubble.lehrer::after {
  border: none;
  border-color: transparent #f7af72;
  border-width: 15px 40px 0 0;
  bottom: auto;
  left: -30px;
  bottom: 0;
}

.bubble.schueler::after {
  border: none;
  border-color: transparent #f5e7d7;
  border-width: 15px 0 0 40px;
  bottom: auto;
  left: auto;
  right: -30px;
  bottom: 0;
}

.timeline a {
  display: block;
  padding: 0 6px 0 0;
  background: transparent url("https://www.berufsbildung.nrw.de/cms/upload/css_img/kommenmtar-link.png") no-repeat 100% 100%;
  background-size: 20px;
  margin: -5px -5px 0 0;
}

#main1 .timeline a:hover {
  background: #F7AF72 url("https://www.berufsbildung.nrw.de/cms/upload/css_img/kommenmtar-link.png") no-repeat 100% 100%;
  background-size: 20px;
}

@media screen and (max-width:768px) {
  .bubble {
    width: 50%;
  }

  .timeline img {
    display: none;
  }

  .timeline li.head h3 {
    font-size: 1.1rem;
  }
}

/* G8 Styles */
strong {
  font-weight: bold;
}

.phone {
  /*background: rgba(0, 0, 0, 0) url("../upload/css_img/phone.png") no-repeat scroll 0 50%; */
  margin-left: 20px;
  padding-left: 0px;
}

.mail, #right .mail {
  background: none;
  padding-left: 0px;
}

#main1 ul {
  margin: 0 0 10px 0;
}

#left ul a:link,
#left ul a:visited {}

#left>ul>li.auswahl {
  border-top: 1px solid #f4f1ed;
}

#main1 .box a {}

#content ul li {
  background-position: 0 8px;
}

#content ul li.video {
  background-image: url("https://www.berufsbildung.nrw.de/cms/upload/css_img/video.gif");
  background-position: 0 3px;
  padding-left: 20px;
}

.ablauf {
  border: 0;
}

.ablauf td {
  border: 0;
  width: auto;
  padding-left: 20px;
  vertical-align: middle;
}

.ablauf th {
  border: 0 none;
  color: #fff;
  font-size: 1.1rem;
  height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 94px;
}

.inklusiver-gedanke {
  border: 0;
}

.inklusiver-gedanke td {
  border: 0;
  border-radius: 6px;
  width: auto;
}

.inklusiver-gedanke th {
  border: 0;
  border-radius: 6px;
  /*background: #F9B57D; */
}

.leitbildentwicklung {
  border: 0;
}

.leitbildentwicklung td {
  border: 0;
  border-radius: 0;
  background: #dbd8d5;
  width: auto;
}

.leitbildentwicklung td.arrow {
  background: transparent;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 10px;
  position: static;
}

.arrow img {
  width: 100%;
  height: auto;
}

@media (max-width: 1140px) {
  .leitbildentwicklung {
    font-size: 0.75rem;
    line-height: 14px;
  }
}

.img-responsive {
  max-width: 100%;
  height: auto;
}

@media (max-width: 640px) {}

#main1 ul.timeline, #main2 ol.timeline, #main2 ul.timeline, #main1 ol.timeline {
  list-style: outside none none;
  padding: 0;
  position: relative;
}

#main1 ul.timeline li {
  padding: 0;
}

.timeline:before {
  bottom: 0;
  content: "";
  left: 40px;
  margin-left: -1.5px;
  position: absolute;
  top: 0;
  width: 2px;
}

.timeline>li {
  margin-bottom: 50px;
  min-height: 50px;
  position: relative;
}

.timeline>li:before, .timeline>li:after {
  content: " ";
  display: table;
}

.timeline>li:after {
  clear: both;
}

.timeline>li .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  position: relative;
  text-align: left;
  width: 100%;
}

.timeline>li .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline>li .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline>li .timeline-image {
  border-radius: 0;
  color: #fff;
  height: 80px;
  left: 0;
  margin-left: 0;
  position: absolute;
  text-align: center;
  width: 80px;
  z-index: 100;
}

.timeline>li .timeline-image h4 {
  font-size: 0.8rem;
  line-height: 14px;
  margin-top: 12px;
}

.timeline>li.timeline-inverted>.timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline>li:last-child {
  margin-bottom: 0;
}

.timeline .timeline-heading h4 {
  color: inherit;
  margin-top: 0;
}

.timeline .timeline-heading h4.subheading {
  text-transform: none;
  font-size: 0.7rem;
  margin: 5px 0;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }

  .timeline>li {
    margin-bottom: 100px;
  }

  .timeline>li .timeline-panel {
    float: left;
    padding: 0 20px 20px 30px;
    text-align: right;
    width: 41%;
  }

  .timeline>li .timeline-image {
    left: 50%;
    margin-left: -50px;
    width: 100px;
  }

  .timeline>li .timeline-image h4 {
    font-size: 0.9rem;
    line-height: 18px;
    margin-top: 16px;
  }

  .timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .timeline>li {}

  .timeline>li .timeline-panel {
    padding: 0 20px 20px;
  }

  .timeline>li .timeline-image {
    margin-left: -75px;
    width: 150px;
  }

  .timeline>li .timeline-image h4 {
    font-size: 1.1rem;
    line-height: 26px;
    margin-top: 30px;
  }

  .timeline>li.timeline-inverted>.timeline-panel {
    padding: 0 20px 20px;
  }
}

@media (min-width: 1200px) {
  .timeline>li {}

  .timeline>li .timeline-panel {
    padding: 0 20px 20px 100px;
  }

  .timeline>li .timeline-image {
    margin-left: -85px;
    width: 170px;
  }

  .timeline>li .timeline-image h4 {
    margin-top: 40px;
  }

  .timeline>li.timeline-inverted>.timeline-panel {
    padding: 0 100px 20px 20px;
  }
}

@media screen and (max-width: 768px) {
  #content {
    background: #fff;
  }

  #right {
    float: right;
  }
}

/* ===================== Überschreibungen von ganztag.css ============================ */
.list1 h2+*, .list1 button+* {
  background: #f4f1ed none repeat scroll 0 0;
  padding-left: 14px;
  padding-bottom: 14px;
  width: 96%;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-radius: 0;
  border-style: none;
  border-width: 0;
  margin-top: 0 !important;
}

#main1 .list1 h2, #main1 .list1 button {
  width: 96%;
}

#main1 .list1 button:focus {
  font-weight: bold;
}

#standard .box {
  width: 31%;
}

#box .box {
  width: 46%;
}

/*Ergaenzung für .box in bootstrap*/
.row .box, #box .row .box, #standard .row .box, #tabs .row .box {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

#main1 .box ul.weiterfuehrender_link li:before, #main1 .box ul.externer_link li:before {
  margin-left: -10px;
}

#tabs .box, #standard .drittel {
  width: 31%;
  padding-bottom: 0;
  display: inline-block;
}

#tabs .box p, #main1 .breit .row .box p {
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}

#main1 .row .box .col-md-6 ul {
  margin-top: 0 !important;
}

#tabs #content #main1 .breit .box img {
  width: 100%;
  margin-bottom: 10px !important;
}

#tabs .box p a.btn {
  width: 100%;
}

.box {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  border: 5px solid #dbd8d5 !important;
  border-radius: 0;
  float: left;
  display: inline-block;
  margin: 0 20px 20px 0;
  padding: 8px 14px;
  width: 45%;
}

.mkr1 .box{
	border:5px solid #009640 !important;
}
.mkr2 .box{
	border:5px solid #009fe3 !important;
}
.mkr3 .box{
	border:5px solid #15619d !important;
}
.mkr4 .box{
	border:5px solid #e6007e !important;
}
.mkr5 .box{
	border:5px solid #c32012 !important;
}
.mkr6 .box{
	border:5px solid #fab72d !important;
}

#standard div.box:nth-last-of-type(1), #box div.box:nth-last-of-type(1) {
  /*width:96%;*/
}

#content .bsp {
  padding-left: 10px;
}

/* - durch regulären Ausdruck ersetzt s.o. -
.mail::before, #right .mail::before {
  color: #a81815;
  content: "\f0e0";
  font-family: FontAwesome;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.2rem;
}*/
.phone::before {
  color: #a81815;
  content: "\f095";
  font-family: FontAwesome;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.2rem;
}

/* ========================== STYLE_SOEST.CSS bereinigt ==================================*/
/* Fachauswahlbox ---------------------- */
/* ========================== LS8.CSS bereinigt ==================================*/
.circle {
  width: 720px;
  height: 480px;
  position: relative;
  margin: 20px 0;
}

#content #main1 .breit img.kreis {
  margin-left: 140px !important;
  margin-top: 32px !important;
}

#standard .circle .box {
  font-size: 13px;
  line-height: 15px;
  padding: 10px 5px;
  width: 220px;
  height: 70px;
  min-height: 50px;
  position: absolute;
  z-index: 20;
  display: block;
  text-align: center;
  background: #a31200;
  border: 5px solid #eb720d;
  border-radius: 8px;
  color: #fff;
}

.box-1 {
  top: 0px;
  left: 231px;
}

.box-2 {
  top: 98px;
  left: 405px;
}

.box-3 {
  top: 209px;
  left: 424px;
}

.box-4 {
  top: 328px;
  left: 365px;
}

.box-5 {
  top: 328px;
  left: 104px;
}

.box-6 {
  top: 210px;
  left: 39px;
}

.box-7 {
  top: 97px;
  left: 67px;
  height: 60px;
}

.circle .box a {
  color: #fff !important;
}

/* ========================== START_NEU.CSS bereinigt ==================================*/
* {
  box-sizing: border-box;
}

/*Anpassungen f�r kleinere Ansichten*/
@media screen and (max-width:680px) {
  .textItem {
    width: 100%;
  }

  .kasten p, .kasten li {
    width: 100%;
  }

  .logo {
    width: 50%;
  }

  #usermenu2 {
    display: none;
  }

  #outerslide, #outerslide_qualis, #outerslide_bb, #outerslide_wb {
    background: none;
  }

  .neu #outerslide, .neu #outerslide_qualis, .neu #outerslide_bb, .neu #outerslide_wb {
    background: none;
  }

  .textItem {
    min-height: 550px;
  }

  undefined.kasten {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
  }

  .kasten ul li {
    background: rgba(0, 0, 0, 0) url("../../css/images/chevron.gif") no-repeat scroll 0 2px;
    padding: 0 0 20px 20px;
  }

  .kasten img {
    width: 70%;
    height: auto;
    margin: 20px 20px 20px 0;
  }

  .kasten .textItem {
    padding: 0;
  }

  .kasten {
    padding: 0;
  }

  .kasten h2, .kasten ul {
    margin: 20px;
  }

  /*.kasten p{
	padding:0px 20px;
	line-height:150%;
	padding-bottom:0;
	margin:0;
}*/
  .kasten li p {
    padding-left: 0;
  }

  .kasten p:last-child img {
    /*  margin: 10px -20px 0;
	width:100%;
	position:absolute;
	bottom:0px;*/
  }

  .kasten {
    min-height: 1px;
  }
}

@media screen and (max-width:380px) {
  .col-md-6 .textItem {
    /*min-height:390px;*/
    cursor: pointer;
  }

  .kasten img {
    width: 98% !important;
  }

  .class_140 img, .class_145 img, .class_165 img, .class_150 img, .class_155 img, .class_169 img {
    width: 110% !important;
  }
}

@media screen and (min-width:380px)and (max-width:480px) {
  .col-md-6 .textItem {
    /*min-height:440px;*/
    cursor: pointer;
  }
  .kasten img {
    width: 98% !important;
  }
}

@media screen and (min-width:480px)and (max-width:680px) {
  .col-md-6 .textItem {
    /*min-height:560px;*/
    cursor: pointer;
  }
}

@media screen and (min-width:680px)and (max-width:980px) {
  .col-md-6 .textItem {
    /*	min-height:640px;*/
    cursor: pointer;
  }
}

@media screen and (min-width:980px) {
  .col-md-6 .textItem, .col-md-4 .textItem {
    min-height: 1px;
    cursor: pointer;
  }
}

@media screen and (min-width:680px) {
  .textItem {
    min-height: 50px;
    display: flex;
    flex-wrap: wrap;
  }

  .textItem h1,
  .textItem h2,
  .textItem h3,
  .textItem h4,
  .textItem h5,
  .textItem h6,
  .textItem ul,
  .textItem p {
    width: 100%;
  }

  .kasten ul li {
    /*  padding: 0 0 10px 10px;*/
    padding-left: 10px;
  }

  .kasten img {
    /*width:70%;*/
    height: auto;
    margin: 20px 20px 20px 0;
  }

  .kasten .textItem {
    padding: 0;
  }

  .kasten {
    padding: 0;
  }

  .kasten h2, .kasten ul {
    margin: 20px;
  }

  .kasten li p {
    padding-left: 0;
    font-size: 0.9rem;
  }

  .kasten p:last-child img {
    /*  margin: 10px -20px 0;
	width:100%;

	bottom:0px;*/
  }

  .kasten {
    min-height: 1px;
  }
}

/*--litetooltip.css ----/


/******************************************/
/*************** templates ****************/
.litetooltip-wrapper .tooltip-menu {
  padding: 0px;
  margin: 0px;
  float: left;
}

.litetooltip-wrapper .tooltip-menu ul, .litetooltip-wrapper .tooltip-menu ol {
  margin: 0px;
  padding: 0px;
  width: 100%;
  float: left;
  clear: both;
}

.litetooltip-wrapper .tooltip-menu li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
  border: solid 1px;
  clear: both;
  width: 100%;
  overflow: hidden;
}

.litetooltip-wrapper .tooltip-menu a {
  display: block;
  text-decoration: none;
  padding: 5px;
  margin: 0px;
  clear: both;
  min-width: 100%;
  width: 100%;
  float: left;
}

.litetooltip-wrapper .tooltip-menu.AlizarinCrimson {
  background: #df3030;
}

.litetooltip-wrapper .tooltip-menu.AlizarinCrimson li {
  border-color: #df3030;
  border-bottom: solid 1px #d12b2b;
}

.litetooltip-wrapper .tooltip-menu.AlizarinCrimson a {
  color: #fff;
}

.litetooltip-wrapper .tooltip-menu.AlizarinCrimson a:hover {
  color: #000;
  background: #f79992;
}

.litetooltip-wrapper .tooltip-menu.Geradline {
  background: #f79992;
}

.litetooltip-wrapper .tooltip-menu.Geradline li {
  border-color: #f79992;
  border-bottom: solid 1px #ea8880;
}

.litetooltip-wrapper .tooltip-menu.Geradline a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.Geradline a:hover {
  color: #fff;
  background: #ee6a60;
}

.litetooltip-wrapper .tooltip-menu.Conifer {
  background: #a2d959;
}

.litetooltip-wrapper .tooltip-menu.Conifer li {
  border-color: #a2d959;
  border-bottom: solid 1px #94c652;
}

.litetooltip-wrapper .tooltip-menu.Conifer a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.Conifer a:hover {
  color: #fff;
  background: #7fba00;
}

.litetooltip-wrapper .tooltip-menu.Spindle {
  background: #bfd9f0;
}

.litetooltip-wrapper .tooltip-menu.Spindle li {
  border-color: #bfd9f0;
  border-bottom: solid 1px #d2e0ec;
}

.litetooltip-wrapper .tooltip-menu.Spindle a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.Spindle a:hover {
  color: #fff;
  background: #6699cc;
}

.litetooltip-wrapper .tooltip-menu.BostonBlue {
  background: #6699cc;
}

.litetooltip-wrapper .tooltip-menu.BostonBlue li {
  border-color: #6699cc;
  border-bottom: solid 1px #4f83b7;
}

.litetooltip-wrapper .tooltip-menu.BostonBlue a {
  color: #fff;
}

.litetooltip-wrapper .tooltip-menu.BostonBlue a:hover {
  color: #000;
  background: #bfd9f0;
}

.litetooltip-wrapper .tooltip-menu.CarrotOrange {
  background: #ed9122;
}

.litetooltip-wrapper .tooltip-menu.CarrotOrange li {
  border-color: #ed9122;
  border-bottom: solid 1px #d47f19;
}

.litetooltip-wrapper .tooltip-menu.CarrotOrange a {
  color: #fff;
}

.litetooltip-wrapper .tooltip-menu.CarrotOrange a:hover {
  color: #000;
  background: #fecf3d;
}

.litetooltip-wrapper .tooltip-menu.Affair {
  background: #7c4d94;
}

.litetooltip-wrapper .tooltip-menu.Affair li {
  border-color: #7c4d94;
  border-bottom: solid 1px #8d60a4;
}

.litetooltip-wrapper .tooltip-menu.Affair a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.Affair a:hover {
  color: #fff;
  background: #a778bf;
}

.litetooltip-wrapper .tooltip-menu.PaleConifer {
  background: #bad87a;
}

.litetooltip-wrapper .tooltip-menu.PaleConifer li {
  border-color: #bad87a;
  border-bottom: solid 1px #9db963;
}

.litetooltip-wrapper .tooltip-menu.PaleConifer a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.PaleConifer a:hover {
  background: #f5ffbe;
}

.litetooltip-wrapper .tooltip-menu.BrightSun {
  background: #fec000;
}

.litetooltip-wrapper .tooltip-menu.BrightSun li {
  border-color: #fec000;
  border-bottom: solid 1px #ebb203;
}

.litetooltip-wrapper .tooltip-menu.BrightSun a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.BrightSun a:hover {
  background: #fecf3d;
}

.litetooltip-wrapper .tooltip-menu.AmazonLemon {
  background: #7fba00;
}

.litetooltip-wrapper .tooltip-menu.AmazonLemon li {
  border-color: #7fba00;
  border-bottom: solid 1px #8ac903;
}

.litetooltip-wrapper .tooltip-menu.AmazonLemon a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.AmazonLemon a:hover {
  background: #fde910;
}

.litetooltip-wrapper .tooltip-menu.CoffeeConfetti {
  background: #593737;
}

.litetooltip-wrapper .tooltip-menu.CoffeeConfetti li {
  border-color: #593737;
  border-bottom: solid 1px #734f4f;
}

.litetooltip-wrapper .tooltip-menu.CoffeeConfetti a {
  color: #fff;
}

.litetooltip-wrapper .tooltip-menu.CoffeeConfetti a:hover {
  color: #000;
  background: #e9d75a;
}

.litetooltip-wrapper .tooltip-menu.OysterPrim {
  background: #988d77;
}

.litetooltip-wrapper .tooltip-menu.OysterPrim li {
  border-color: #988d77;
  border-bottom: solid 1px #786e59;
}

.litetooltip-wrapper .tooltip-menu.OysterPrim a {
  color: #000;
}

.litetooltip-wrapper .tooltip-menu.OysterPrim a:hover {
  background: #fdfeb8;
}

.litetooltip-wrapper .tooltip-menu li.last-child {
  border-bottom: 0px;
}

.litetooltip-wrapper .image-right {
  float: right;
  margin: 0px 0px 0px 5px;
  padding: 2px;
}

.litetooltip-wrapper .image-left {
  float: left;
  margin: 0px 5px 0px 0px;
  padding: 2px;
}

.litetooltip-wrapper .video-wrapper {
  padding-bottom: 56.26%;
  position: relative;
  width: 500px;
}

.litetooltip-wrapper .video-wrapper iframe {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  position: absolute;
}

.litetooltip-wrapper .template {
  float: left;
}

.litetooltip-wrapper .template h4 {
  margin: 0px;
  padding: 2px 4px 4px 4px;
  color: #fff;
  font-size: 0.8rem;
  display: block;
}

.litetooltip-wrapper .template p {
  margin: 0px;
  padding: 2px 4px;
  display: block;
  float: left;
}

.litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol {
  margin: 0px;
  padding: 5px 5px 5px 5px;
  list-style-position: inside;
}

.litetooltip-wrapper .template li {
  padding: 2px 0px;
}

.litetooltip-wrapper .template p, .litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol {
  background: #fff;
  color: #333;
}

.litetooltip-wrapper .template.AlizarinCrimson, .litetooltip-wrapper .template.AlizarinCrimson h4 {
  background: #df3030;
}

.litetooltip-wrapper .template.RadicalRed, .litetooltip-wrapper .template.RadicalRed h4 {
  background: #ff1e53;
}

.litetooltip-wrapper .template.Geradline, .litetooltip-wrapper .template.Geradline h4 {
  background: #f79992;
  color: #333333;
}

.litetooltip-wrapper .template.Conifer, .litetooltip-wrapper .template.Conifer h4 {
  background: #a2d959;
}

.litetooltip-wrapper .template.Limeade, .litetooltip-wrapper .template.Limeade h4 {
  background: #7fba00;
}

.litetooltip-wrapper .template.AppleGreen, .litetooltip-wrapper .template.AppleGreen h4 {
  background: #4cc744;
}

.litetooltip-wrapper .template.Spindle, .litetooltip-wrapper .template.Spindle h4 {
  background: #bfd9f0;
  color: #333333;
}

.litetooltip-wrapper .template.Danube, .litetooltip-wrapper .template.Danube h4 {
  background: #6699cc;
}

.litetooltip-wrapper .template.BostonBlue, .litetooltip-wrapper .template.BostonBlue h4 {
  background: #4182c2;
}

.litetooltip-wrapper .template.CarrotOrange, .litetooltip-wrapper .template.CarrotOrange h4 {
  background: #ed9122;
}

.litetooltip-wrapper .template.BrightSun, .litetooltip-wrapper .template.BrightSun h4 {
  background: #fecf3d;
  color: #333333;
}

.litetooltip-wrapper .template.Affair, .litetooltip-wrapper .template.Affair h4 {
  background: #7c4d94;
}

.litetooltip-wrapper .template.HotRed, .litetooltip-wrapper .template.HotRed h4 {
  background: #df3030;
}

.litetooltip-wrapper .template.HotRed p, .litetooltip-wrapper .template.HotRed ul, .litetooltip-wrapper .template.HotRed ol {
  background: #f79992;
  color: #000;
}

.litetooltip-wrapper .template.HuskyBlue, .litetooltip-wrapper .template.HuskyBlue h4 {
  background: #4182c2;
}

.litetooltip-wrapper .template.HuskyBlue p, .litetooltip-wrapper .template.HuskyBlue ul, .litetooltip-wrapper .template.HuskyBlue ol {
  background: #bfd9f0;
  color: #000;
}

.litetooltip-wrapper .template.MoonAffair, .litetooltip-wrapper .template.MoonAffair h4 {
  background: #7c4d94;
}

.litetooltip-wrapper .template.MoonAffair p, .litetooltip-wrapper .template.MoonAffair ul, .litetooltip-wrapper .template.MoonAffair ol {
  background: #e8cbf7;
  color: #000;
}

.litetooltip-wrapper .template.PaleMint, .litetooltip-wrapper .template.PaleMint h4 {
  background: #7fba00;
}

.litetooltip-wrapper .template.PaleMint p, .litetooltip-wrapper .template.PaleMint ul, .litetooltip-wrapper .template.PaleMint ol {
  background: #f5ffbe;
  color: #000;
}

.litetooltip-wrapper .template.BlueRomance, .litetooltip-wrapper .template.BlueRomance h4 {
  background: #0066ff;
}

.litetooltip-wrapper .template.BlueRomance p, .litetooltip-wrapper .template.BlueRomance ul, .litetooltip-wrapper .template.BlueRomance ol {
  background: #d2f6de;
  color: #000;
}

.litetooltip-wrapper .template.AmazonLemon, .litetooltip-wrapper .template.AmazonLemon h4 {
  background: #7fba00;
}

.litetooltip-wrapper .template.AmazonLemon p, .litetooltip-wrapper .template.AmazonLemon ul, .litetooltip-wrapper .template.AmazonLemon ol {
  background: #fde910;
  color: #000;
}

.litetooltip-wrapper .template.LimeConfier, .litetooltip-wrapper .template.LimeConfier h4 {
  background: #7fba00;
}

.litetooltip-wrapper .template.LimeConfier p, .litetooltip-wrapper .template.LimeConfier ul, .litetooltip-wrapper .template.LimeConfier ol {
  background: #a2d959;
  color: #000;
}

.litetooltip-wrapper .template.MustardSun, .litetooltip-wrapper .template.MustardSun h4 {
  background: #ed9122;
}

.litetooltip-wrapper .template.MustardSun p, .litetooltip-wrapper .template.MustardSun ul, .litetooltip-wrapper .template.MustardSun ol {
  background: #fecf3d;
  color: #000;
}

.litetooltip-wrapper .template.AtollSea, .litetooltip-wrapper .template.AtollSea h4 {
  background: #0a6f75;
}

.litetooltip-wrapper .template.AtollSea p, .litetooltip-wrapper .template.AtollSea ul, .litetooltip-wrapper .template.AtollSea ol {
  background: #fecf3d;
  color: #000;
}

.litetooltip-wrapper .template.BlazeOrange, .litetooltip-wrapper .template.BlazeOrange h4 {
  background: #ff6600;
}

.litetooltip-wrapper .template.BlazeOrange p, .litetooltip-wrapper .template.BlazeOrange ul, .litetooltip-wrapper .template.BlazeOrange ol {
  background: #0a6f75;
  color: #fff;
}

.litetooltip-wrapper .template.CoffeeConfetti, .litetooltip-wrapper .template.CoffeeConfetti h4 {
  background: #593737;
}

.litetooltip-wrapper .template.CoffeeConfetti p, .litetooltip-wrapper .template.CoffeeConfetti ul, .litetooltip-wrapper .template.CoffeeConfetti ol {
  background: #e9d75a;
  color: #000;
}

.litetooltip-wrapper .template.OysterPrim, .litetooltip-wrapper .template.OysterPrim h4 {
  background: #988d77;
}

.litetooltip-wrapper .template.OysterPrim p, .litetooltip-wrapper .template.OysterPrim ul, .litetooltip-wrapper .template.OysterPrim ol {
  background: #fdfeb8;
  color: #000;
}

.litetooltip-hotspot-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.litetooltip-hotspot-container {
  position: relative;
  height: 0px;
}

.litetooltip-hotspot-container img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.litetooltip-hotspot-container .hotspot {
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

.litetooltip-hotspot-container .hotspot .data-container {
  display: none;
}

.litetooltip-hotspot-container .blink {
  opacity: 0.8;
  -moz-opacity: 0.8;
  animation: litetooltip_hotspot_blink .6s ease-in infinite;
  -moz-animation: litetooltip_hotspot_blink .6s ease-in infinite;
  -ms-animation: litetooltip_hotspot_blink .6s ease-in infinite;
  -webkit-animation: litetooltip_hotspot_blink .6s ease-in infinite;
}

@keyframes litetooltip_hotspot_blink {
  to {
    opacity: 0.3;
  }
}

@-webkit-keyframes litetooltip_hotspot_blink {
  to {
    opacity: 0.3;
  }
}

@-moz-keyframes litetooltip_hotspot_blink {
  to {
    opacity: 0.3;
    -moz-opacity: 0.3;
  }
}

@-ms-keyframes litetooltip_hotspot_blink {
  to {
    opacity: 0.3;
  }
}

/* Sammelsurium aus dem Mandanten Fortbildung */
/* reguläre Ausdrücke
#content ul.weiterfuehrender_link li::before, #content ul li.weiterfuehrender_link::before,  #extra ul.weiterfuehrender_link li::before, #extra ul li.weiterfuehrender_link::before{
  color: #a81815;
  content: none !important;
  font-family: FontAwesome;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;

  text-decoration: inherit;
}*/
.jumbotron {
  background: none;
  border: 5px solid #f4f1ed;
  color: inherit;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
}

.row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
}

.col {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
}

/* DOWNLINK funktioniert noch nicht in ul und auch nicht in li !!!!!!!!!!!!!!!!!!!!!!!!!!! */
.border {
  border: 4px solid #f4f1ed;
  padding: 20px;
  border-radius: 0;
  margin-bottom: 20px;
}

.pdf {
  position: relative;
  display: block;
}

.pdf:before {
  content: "\f1c1";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #000;
}

.zip {
  position: relative;
  display: block
}

.zip:before {
  content: "\f1c6";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  /*margin-left:15px;*/
  color: #000;
}

.word {
  position: relative;
  display: block;
}

.word:before {
  content: "\f1c2";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #000;
}

.ppp {
  position: relative;
  display: block;
}

.ppp:before {
  content: "\f1c4";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #000;
}

/*--- vera3 lernstand 8 NEUE styles */
.lshead {
  background-color: #dbd8d5;
}

.lsuhr {
  background-color: #f4f1ed;
}

.lsanalyse {
  background-color: #f5e7d7;
}

.lsuhr .col-md-2, .lsanalyse .col-md-2 {
  font-weight: bold;
}

.lshead div, .lsuhr div, .lsanalyse div {
  padding: 10px;
  margin-bottom: 0;
}

#content .container div.lshead div h4, #content .container div.lsuhr div p, #content .container div.lsanalyse div p, #content .container div.lsanalyse div ul {
  margin-bottom: 0 !important;
}

/*--- vera3.css vera_lernstand.css bereinigt */
.liste {
  border-bottom: 1px solid #999;
  margin-bottom: 15px;
  padding-bottom: 0;
  padding-top: 10px;
}

.hinweis {}

img {
  box-sizing: border-box;
  max-width: 98%;
}

#content ul li {}

#content ul li.downlink, #extra ul li.downlink {
  /*padding-bottom:20px;*/
}

@keyframes back {
  from {
    background: #fff;
  }

  to {
    background: #fff;
  }

  from {
    right: 3500px;
  }

  to {
    right: 0px;
  }

  from {
    transform: rotate(30deg);
  }

  to {
    transform: rotate(0deg);
  }
}

#right ul.highlight {
  background: #fff;
  padding: 10px;
  animation-name: back;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  position: relative;
  border-right: 4px solid #a81815;
}

#extra ul.weiterfuehrender_link li.highlight {
  margin-top: 0 !important;
}

@keyframes hands {
  0% {
    color: #fff;
  }

  10% {
    color: #a81815;
  }

  20% {
    color: #fff;
  }

  30% {
    color: #a81815;
  }

  40% {
    color: #fff;
  }

  50% {
    color: #a81815;
  }

  60% {
    color: #fff;
  }

  70% {
    color: #a81815;
  }

  80% {
    color: #fff;
  }

  100% {
    color: #000;
  }
}

.breit ul li.downlink, .breit ul li.weiterfuehrender_link, .breit ul li.externer_link {
  padding-left: 1.3rem !important;
  /*geaendert am 06.05.19*/
}

/* --- se_neu.css (Schulinterne Evaluation) */
#main1, #pm {}

#content h4 {
  margin-top: 0;
}

hr {
  width: 100%;
  float: left;
  margin-top: 20px;
}

#standard .tab-content .box {
  width: 100%;
  border: none !important;
  border-radius: 1px;
  box-shadow: 1px 1px 5px #ccc;
  /*padding-left:24px;
padding-top:24px;
padding-right:15px;
padding-bottom:1px;*/
}

#main1 ul.nav-tabs li::before, #main2 ul.nav-tabs li::before, #extra ul.nav-tabs li::before {
  content: none !important;
}

.box p {
  padding-bottom: 0;
}

.buch p {
  display: inline-block;
  padding-bottom: 15px;
  width: 75% !important;
}

.buch img {
  margin-bottom: 5px;
  margin-right: 15px;
  float: left;
}

.tab-content>.active {
  padding-left: 0;
}

p img {}

#content #main1 .breit img.button {
  border: 5px solid #dbd8d5 !important;
  border-radius: 50%;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7) !important;
  float: right;
  height: auto;
  margin-left: 30px;
  position: relative;
  top: -60px;
  width: 25%;
}

#content #main1 .breit img.button:hover {
  transition: all 0.2s ease;
  top: -63px;
}

table {
  border-collapse: collapse;
  border-color: #808080;
  border-style: solid;
  border-width: 0 0 1px 1px;
  font-size: 0.9rem;
  margin: 0 0 10px;
  /*  width: 100%;*/
}

@media screen and (max-width: 1024px) {
  .table-responsive {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    border: none;
  }

  .table-responsive>.table {
    margin-bottom: 0;
    background-color: #fff;
  }

  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
  }

  .table-responsive>.table-bordered {
    border: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
  }

  .table-responsive>.table-bordered>thead>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>thead>tr:last-child>td,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
  }

  td, th {
    border-color: #808080;
    border-style: solid;
    border-width: 1px 1px 0 0;
    margin: 0;
    padding: 0px !important;
    vertical-align: top;
    /*height:100px;*/
  }

  .headcol {
    position: absolute;
    width: 20%;
    left: 35px;
    background: white;
    height: 100px;
    text-align: left;
  }
}

@media all and (max-width:468px) {
  #main1, #main2, #main3, #pm {
    box-sizing: border-box;
    clear: both;
    float: none;
    padding: 20px;
    width: auto;
  }

  #box #main1, #box-offiziell #main1, #box-offiziell_klapp #main1, #klp-hinweise-box #main1 {
    width: 100% !important;
  }

  .button {
    border: 5px solid #f4f1ed;
    border-radius: 0;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7);
    float: right;
    height: auto;
    margin-left: 30px;
    position: relative;
    right: 20px;
    top: -60px;
    width: 30%;
  }
}

@media all and (min-width:469px) and (max-width:768px) {
  #main1, #main2, #main3, #pm {
    box-sizing: border-box;
    clear: both;
    float: none;
    padding: 20px;
    width: auto;
  }

  #box #main1, #box-offiziell #main1, #box-offiziell_klapp #main1, #klp-hinweise-box #main1 {}

  .button {
    border: 10px solid #f4f1ed;
    border-radius: 0;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7);
    float: right;
    height: auto;
    margin-left: 30px;
    position: relative;
    right: 20px;
    top: -60px;
    width: 25%;
  }
}

/* ---- bootstrap_grid_only.css + linkauszeichnungen neu */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-word-wrap: normal;
  -webkit-white-space: normal;
}

.container {
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 100%;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}

/*.no-gutters {
  margin-right: 0;
  margin-left: 0;
	border-bottom: 1px solid #f4f1ed !important;
    border-top: 1px solid #bebebe !important;
    margin-bottom: 15px !important;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
	padding-bottom: 10px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px;
	border-right:1px solid #f7f7f7;
}*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 0px;
  margin-bottom: 10px;
  /*display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  flex-wrap:wrap;*/
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 960px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

/*# sourceMappingURL=bootstrap-grid.css.map */
.bg-faded {
  background-color: #f4f1ed;
}

.bg-peach {
  background-color: #f5e7d7;
}

.bg-green {
  background-color: #d7f5e7;
}

.bg-red {
  background-color: #f4f1ed;
}

h5 {
  padding-top: 20px;
}

.bg-green a {
  color: #000 !important;
  text-decoration: underline !important;
}

@media all and (max-width:991px) {
  .bg-red {
    display: none;
  }
}

.fa {
  margin-right: 5px !important;
}

/*#content ul.weiterfuehrender_link li, #content ul li.weiterfuehrender_link, #content a.weiterfuehrender_link, #extra ul.weiterfuehrender_link li, #extra ul li.weiterfuehrender_link, #extra a.weiterfuehrender_link  {

	background:none !important;
	padding:0 !important;}*/
#content ul.downlink li, #content ul li.downlink, #content a.downlink, #extra ul.downlink li, #extra ul li.downlink, #extra a.downlink {
  background: none !important;
  /*  margin: 0 !important;
    padding: 0 !important;
	margin-top:15px !important;*/
}

/*#content ul.externer_link li, #content ul li.externer_link, #content a.externer_link, #extra ul.externer_link li,  #extra ul li.externer_link, #extra a.externer_link {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
	margin-top:15px !important;
}*/
#content ul.matdat li, #content ul li.matdat, #content a.matdat, #extra ul.matdat li, #extra ul li.matdat, #extra a.matdat {
  background: none !important;
  padding-left: 20px !important;
}

#content ul.pdf li, #content ul li.pdf, #content a.pdf, #extra ul.pdf li, #extra ul li.pdf, #extra a.pdf {
  background: none !important;
  padding-left: 20px !important;
}

#content ul.zip li, #content ul li.zip, #content a.zip, #extra ul.zip li, #extra ul li.zip, #extra a.zip {
  background: none !important;
  padding-left: 20px !important;
}

.weiterfuehrender_link {
  position: relative;
}

/* - durch regulären Ausdruck ersetzt - s.o.
a.weiterfuehrender_link:before {
  content: "\f061";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #a81815;
}*/
.downlink {
  position: relative;
}

/* - durch regulären Audruck s.o. ersetzt -
a.downlink:before {
  content: "\f019";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #a81815;
}*/
.externer_link {
  position: relative;
}

/* ersetzt durch regulären Ausdruck s.o. -
a.externer_link:before {
  content: "\f08e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #a81815;
}*/
.matdat {
  position: relative;
}

.matdat:before {
  content: "\f025";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #a81815;
}

.pdf {
  position: relative;
  display: block;
}

.pdf:before {
  content: "\f1c1";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  color: #000;
}

.zip {
  position: relative;
}

.zip:before {
  content: "\f1c6";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
  margin-left: 15px;
  color: #000;
}

/*--- klp.css -----*/
/* Meldung bei ausgeschaltetem Java-Script
---------------------------------------------------------------------------*/
#noscript {
  background-color: #FC6;
  border-color: red;
  border: solid;
  vertical-align: middle;
  margin: 10px 50px;
  padding: 5px;
  font-size: 0.9rem;
  color: red;
  font-weight: bold;
}

/* Ueberschriften
---------------------------------------------------------------------------*/
/* Allgemeine Klassen
---------------------------------------------------------------------------*/
#hilfsmenu ul li img {
  top: 0px;
}

.spacer {
  clear: both;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.jgHeadline {
  width: 250px;
  padding: 0 10px 0 5px;
  margin: 2px 5px 2px 0;
}

hr {
  background-color: grey;
  color: grey;
  height: 1px;
  width: 30%;
  margin: 0 0 10px 0;
  padding: 0;
}

.inoffiziell {
  background: url(https://www.berufsbildung.nrw.de/cms/upload/images/klapper_unten.png) no-repeat bottom right !important;
}

#extra ul.downlink li {
  background-position: 0 0;
}

br.clear {
  height: 0;
  line-height: 0;
}

#offiziell_klapp td,
#offiziell_klapp th,
#offiziell td {
  background: transparent;
}

.start-box {
  cursor: pointer;
  /*float: left;*/
  width: 30%;
  margin: 0 27px 0px 0;
  /*position: relative;*/
  border: 10px solid #fff;
  box-shadow: 0 0 4px 0 #888;
}

.start-box h2 {
  font-size: 1.3rem;
  color: #a81815;
  margin-top: 15px;
  /*background-color: rgba(43,43,43,0.9); position: absolute; top: 165px; height: 16px; padding: 10px; */
  width: 100%;
  z-index: 5;
}

.start-box p {}

#beispiele {}

div.start-box-breit {
  /*float: left;*/
  width: 48%;
  margin: 0 27px 0px 0;
  /*position: relative;*/
  border: 10px solid #fff;
  box-shadow: 0 0 4px 0 #888;
  cursor: pointer;
}

div.start-box-breit h2 {
  font-size: 1.3em;
  color: #a81815;
  margin-top: 15px;
  /*background-color: rgba(43,43,43,0.9); position: absolute; top: 165px; height: 16px; padding: 10px; */
  width: 100%;
  z-index: 5;
}

.start-box h2:before, .start-box-breit h2:before {
  content: "\f192";
  font-family: FontAwesome;
  padding-right: 5px;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-bottom: 50px;
}

@media all and (max-width: 35rem) {
  .clearfix {
    display: block;
  }

  .start-box {
    display: block;
    width: 95% !important;
    margin-bottom: 20px;
  }

  .start-box img {
    width: 100%;
  }
}

/* Horizontale Liste, Auf-/Zuklapper
---------------------------------------------------------------------------*/
.horList {
  margin: 0 10px 0 18px;
  padding: 0 10px 0 0;
}

.horList li {
  margin: 0 10px 0 0px;
  padding: 0 0 0 10px;
  display: inline;
  background: url(https://www.berufsbildung.nrw.de/cms/images/horlist_dot.gif) no-repeat left;
}

#klapper {
  margin: 5px 0;
  height: 30px;
}

#main1 #klapper a {
  text-decoration: none;
}

#content #main1 .breit p#klapper a img {
  border: none !important;
  padding: 0 !important;
  width:auto;
}

/* Inhalt
---------------------------------------------------------------------------*/
a:link.button,
a:visited.button,
a:link.druck_button,
a:visited.druck_button,
a:link.such_button,
a:visited.such_button {
  height: 36px;
  padding: 8px 0 8px 24px;
  border-bottom: none;
  color: #069;
  background: url(https://www.berufsbildung.nrw.de/cms/images/button_li.gif) no-repeat 0% 50%;
}

a:link.druck_button,
a:visited.druck_button {
  background: url(https://www.berufsbildung.nrw.de/cms/images/druck_button_li.gif) no-repeat 0% 50%;
}

a:link.such_button,
a:visited.such_button {
  background: url(https://www.berufsbildung.nrw.de/cms/images/such_button_li.gif) no-repeat 0% 50%;
}

a.button strong,
a.druck_button strong,
a.such_button strong {
  padding: 8px 20px 8px 8px;
  background: url(https://www.berufsbildung.nrw.de/cms/images/button_re.gif) no-repeat 100% 50%;
}

a:hover.button,
a:focus.button,
a:active.button,
a:hover.druck_button,
a:focus.druck_button,
a:active.druck_button,
a:hover.such_button,
a:focus.such_button,
a:active.such_button {
  color: #039;
}

#extra .video {
  margin: 0;
}

#zoom_table,
#zoom_table td {
  border: none;
}

#phrasemarker_advice a {
  margin-left: 5px;
  color: #000;
  font-weight: bold;
}

/* Banner */
.banner {
  margin: 0 0 10px 0;
  background-repeat: no-repeat;
  background-position: 300px 50%;
}

.lang {
  background-position: 450px 50%;
}

#content .banner h2 {
  font-size: 1.4rem;
  line-height: 50px;
  padding: 0 0 0 35px;
  margin: 0 0 0 15px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

#kein_banner {
  height: 0;
}

#lpn {
  height: 50px;
  background-color: #f8dbeb;
}

#lpn h2 {
  color: #d80274;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_lpn.gif);
}

#sek_1 {
  height: 50px;
  background-color: #c8e8d5;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_sek_1.jpg);
}

#sek_1 h2 {
  color: #009035;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_sek_1.gif);
}

#sek_2 {
  height: 50px;
  background-color: #fbf1d6;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_sek_2.jpg);
}

#sek_2 h2 {
  color: #e2ab06;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_sek_2.gif);
}

#abendrealschule {
  height: 50px;
  background-color: #bfe1e3;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_abend.jpg);
}

#abendrealschule h2 {
  color: #008890;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_abend.gif);
}

#grundschule {
  height: 50px;
  background-color: #ffd9bf;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_grund.jpg);
}

#grundschule h2 {
  color: #f60;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_grund.gif);
}

h2 .info {
  float: right;
  padding: 0 35px 0 0;
  font-size: 0.9rem;
}

/* Brueckenseiten - Aenderungen am 09.08.2007
---------------------------------------------------------------------------*/
#bruecke {
  font-size: 0.9rem;
  line-height: 1.3rem;
  margin: 10px;
  background-color: whitesmoke;
  width: auto;
  max-width: auto;
  min-width: auto;
}

#bruecke .langtext {
  font-size: .7rem;
}

#bruecke table {
  font-size: 0.9rem;
}

#bruecke h3 {
  background: url(https://www.berufsbildung.nrw.de/cms/images/dot.gif) no-repeat 0% 50%;
  padding: 2px 0 2px 22px;
  margin-top: 20px;
}

#bruecke a {
  padding: 0 0 0 10px;
  text-decoration: none;
  color: #069;
  background: url(https://www.berufsbildung.nrw.de/cms/images/tooltipp_dot.gif) no-repeat 0 5px;
}

#bruecke a:hover {
  text-decoration: underline;
}

#bruecke p {
  margin: 5px 0 -2px 0;
}

#bruecke form.form1 {
  padding: 5px;
  border: 1px solid gainsboro;
}

#bruecke input,
#bruecke select {
  border: 1px solid gainsboro #999 #999 gainsboro;
  width: 150px;
}

#bruecke ul li {
  padding: 0 0 0 10px;
  margin: 1px 0 1px 10px;
  background: url(../../css/images/dot.gif) no-repeat 0 7px;
}

#popupcontainer {
  position: absolute;
  left: 100px;
  top: 100px;
  width: 610px;
  z-index: 9999;
}

/* muss ggf. in popupjsp bleiben, da Position dort berechnet wird. */
#popupcontent {
  width: 600px;
  height: 400px;
}

#title {
  background-color: #0a246a;
  font-size: 0.9rem;
  text-align: right;
  padding-right: 2px;
}

/* Carsten #0a246a */
/* Bereich - Aenderungen am 22.07.2011 (cp)
---------------------------------------------------------------------------*/
div.aufklapper {
  background-color: #f4f1ed;
  border-left: 2px solid #a81815;
  padding: 0;
  width: 100%;
  background: #f4f1ed url("https://www.schulentwicklung.nrw.de/cms/upload/css_img/list_open.png") no-repeat scroll right 4px !important;
  color: #a81815;
  border-bottom: 0 none;
  display: inline-block;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 4px 24px 4px 6px;
}


p.aufklapper {
  width: 97%;
}

#box div.aufklapper,
#box-offiziell_klapp div.aufklapper {
  background-color: #ccc;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klapp_2.gif);
  background-repeat: no-repeat;
  background-position: 1% center;
  border-radius: none;
}

#box p.aufklapper,
#box-offiziell_klapp p.aufklapper {}

div.aufklapper:hover,
#box div.aufklapper:hover,
#box-offiziell_klapp div.aufklapper:hover {
  background-color: #BAB9B9;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klapp.gif);
}

#box div.aufklapper:active,
#box div.aufklapper:focus,
#box-offiziell_klapp div.aufklapper:active,
#box-offiziell_klapp div.aufklapper:focus {
  background-color: #BAB9B9;
}

/* Teilbereich
---------------------------------------------------------------------------*/
.teilbereich {
  width: 824px;
  margin: 2px 0;
}

.teilbereich a:link,
.teilbereich a:visited,
.teibereich .kompetenz {
  height: 18px;
  display: block;
  text-indent: 5px;
  background-image: url(https://www.berufsbildung.nrw.de/cms/images/button_h3.gif);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

.teilbereich a:hover {
  background-position: 0% 50%;
}

.teilbereich a:focus,
.teilbereich a:active {
  background-position: 0% 100%;
}

.teilbereich li ul li ul li {
  padding-top: 0.5rem;
  list-style-type: disc;
}

table.teilbereich {
  font-size: 0.89rem;
  background-color: #f2f2f2;
}

table.teilbereich h3 {
  padding: 0 0 0 20px;
  margin: 2px 0 0 0;
  background: url(https://www.berufsbildung.nrw.de/cms/images/check.gif) no-repeat 5px 50%;
}

table.teilbereich td {
  vertical-align: top;
  padding: 4px;
}

table.teilbereich li {
  margin: 0 0 7px 0;
}

table.teilbereich .col3 {
  width: 33%;
}

table.teilbereich .col4 {
  width: 25%;
}

/* Eintrag
---------------------------------------------------------------------------*/
.eintrag,
.eintrag-d {
  /*  display: block;
  padding: 3px 15px 10px 0px;

  margin: 0 0 8px 2px;*/
}

#box p.aufklapper .eintrag,
#box p.aufklapper .eintrag-d,
#box-offiziell_klapp .eintrag,
#box-offiziell_klapp .eintrag-d {}

.eintrag h4,
.eintrag-d h4 {
  clear: both;
  color: #069;
  height: 20px;
  padding: 0 0 0 20px;
  margin: 2px 0 0 0;
  font-weight: bold;
}

/* im Fach d alle Spiegelpunkte unterdrücken */
#content .eintrag-d ul li {
  background-image: none;
  font-size: 0.9rem;
  padding: 0 0 5px 10px;
  margin: 0 0 0 1px;
}

.eintrag-d ul li ul li {
  font-size: 95%;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}

/* Tooltip
---------------------------------------------------------------------------*/
.tooltipbutton {
  background: #999;
}

a:hover .tooltipbutton {
  background: #666;
}

table.wz_balloon {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  background: none;
}

table.wz_balloon tbody,
table.wz_balloon tr,
table.wz_balloon td {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}

.wz_balloon h4 {
  color: #000;
  margin: 0;
  padding: 4px 0;
  font-size: 0.8rem;
  font-weight: bold;
  text-indent: 10px;
  z-index: 10
}

.wz_balloon h4 a.aufklapper {
  background: none;
}

.wz_balloon ul {
  margin: 0 0 4px 10px;
}

.wz_balloon li {
  padding: 0 10px;
  text-decoration: none;
  color: #069;
  background: url(https://www.berufsbildung.nrw.de/cms/images/tooltipp_dot.gif) no-repeat 0 6px;
}

.wz_balloon a:hover {
  text-decoration: underline;
}

#content ul li .tooltip {
  display: none;
}

a.glossar {
  width: auto;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dashed black;
  display: inline;
}

a.glossar:hover {
  width: auto;
  text-decoration: underline;
  border: 0;
  cursor: help;
}

.found {
  background-color: yellow;
}

.printonly {
  display: none;
}

.samp {
  font-size: 0.7rem;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  color: black;
  text-decoration: none;
  background: yellow;
}

.clr {
  clear: both;
}

#content #WzBoDy table,
#content #WzBoDy td {
  background: none;
}

/* KLP GS
------------------------------------------------------------------------*/
.gstab td {
  width: 50%;
}

/* KLP Sek I    D M E (MK 2007-04-30)
------------------------------------------------------------------------*/
/* Schulformstartseiten (Ritterbach)  */
table.bezugsquellen {
  margin: 5px;
  font-size: 0.89rem;
  background-color: #f2f2f2;
  width: 99%;
}

table.bezugsquellen th {
  background-color: #f6f6f6;
  text-align: left;
  font-size: 0.9rem;
  font-weight: bold;
}

table.bezugsquellen td {
  vertical-align: top;
  text-align: left;
  padding: 4px;
}

table.ekap4k {
  border: none;
}

table.ekap4k td {
  border: none;
  height: 200px;
  width: 33%;
  background: #f2f2f2;
}

table.ekap4k tbody tr td.zmk {
  border: 1px solid #000;
  text-align: left;
  vertical-align: top;
  background: #f2f2f2;
}

table.ekap4k tbody tr td.zmm {
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  background: #f2f2f2;
}

table.ekap4t td {
  background: #f2f2f2;
}

/* Deutsch, Tabellen im Kapitel 4 - Aufgabentypen */
.aufgabentypen_d caption {
  text-align: left;
}

.aufgabentypen_d .col1 {
  width: 10%;
}

.aufgabentypen_d .col2,
.aufgabentypen_d .col3,
.aufgabentypen_d .col4 {
  width: 30%;
}

.aufgabentypen_d td {
  vertical-align: top;
  text-align: left;
  padding: 4px;
}

.aufgabentypen_d .fett {
  font-weight: bold;
}

/* KLP Sek I  Naturwissenschaften (MK 2007-04-27)
------------------------------------------------------------------------*/
/* Abendrealschule Fach D */
#wbkd ul li {
  background: none;
}

/* M (G9) Kapitel 2
-------------------------------------------------------------------------*/
table.mkap2 {
  /* nur im Fach M im 2. Kapitel relevant */
  margin: 10px 10px 40px 5px;
}

table.mkap2 tbody tr td {
  vertical-align: top;
  padding: 4px;
  border: 1px solid grey;
}

table.mkap2 tbody tr th {
  text-align: center;
  font-weight: bold;
  border: 1px solid grey;
}

table.mkap2 tbody tr td.col1 {
  width: 5%;
  text-align: center;
}

table.mkap2 tbody tr td.col2 {
  width: 20%;
  text-align: right;
  font-weight: bold;
}

table.mkap2 tbody tr td.col3 {
  width: 25%;
  text-align: left;
  font-weight: normal;
}

/* M (G9) Kapitel 3
-------------------------------------------------------------------------*/
.kursivfett {
  /* in den M-Plänen */
  font-weight: bold;
  font-style: italic;
}

#mkap3-titel {
  margin: 30px 0px 10px 0px;
}

#mkap3-titel img {
  float: left;
  border: none;
  margin-right: 15px;
}

#mkap3-titel h1 {
  color: #069;
  font-size: 1.35rem;
  margin: 0 0 0 0;
}

#mkap3-titel h2 {
  color: #069;
  font-size: 1.15rem;
  font-style: italic;
  margin: 0 0 0 0;
}

/* M (G9) Kapitel 4
------------------------------------------------------------------------*/
table.mkap5 {
  margin: 10px 10px 40px 5px;
  padding: 3px;
}

table.mkap5 caption, table.mkap5einwohnerzahlen caption {
  text-align: left;
  font-weight: bold;
  margin-top: 15px;
}

table.mkap5 tr td {
  vertical-align: top;
  text-align: left;
  padding: 4px;
}

table.mkap5 tr th {
  vertical-align: top;
  text-align: left;
  width: 25%;
}

table.mkap5 tr td ul li {
  margin: 0 0 5px 20px;
  padding: 5px;
}

table.mkap5 tr td ul li .kursivfett {
  font-weight: bold;
  font-style: italic;
  font-size: 0.9rem;
}

.mkap5quellenhinweis {
  font-size: 0.8rem;
}

img.mkap5r {
  float: right;
  border: none;
  margin: 0 0 5px 35px;
  vertical-align: top;
}

img.mkap5m {
  border: none;
  margin: 5px 0 5px 10px;
}

table.mkap5pizza {
  margin: 10px 0px 10px 40px;
  padding: 3px;
}

table.mkap5pizza tr td {
  vertical-align: top;
  text-align: left;
  padding: 2px;
}

table.mkap5einwohnerzahlen {
  margin: 10px 0px 10px 0px;
  padding: 3px;
}

table.mkap5einwohnerzahlen tr td {
  vertical-align: top;
  text-align: center;
  padding: 2px;
}

#content ul.kompko li, #extra ul.kompko li, #content ul li.kompko, #extra ul li.kompko {
  padding: 0 0 0 18px;
  margin: 3px 0;
  background: url(https://www.berufsbildung.nrw.de/cms/upload/css_img/pfeil_kompko.jpg) no-repeat 0 3px;
}

#extra ul li.kompko {
  padding: 3px 0 3px 18px;
}

#content ul.uidee li, #extra ul.uidee li, #content ul li.uidee, #extra ul li.uidee {
  padding: 0 0 0 18px;
  margin: 3px 0;
  background: url(https://www.berufsbildung.nrw.de/cms/upload/css_img/pfeil_uidee.jpg) no-repeat 0 3px;
}

#extra ul li.uidee {
  padding: 3px 0 3px 18px;
}

/* Ende Einfügung für die Seiten 'Schulinterner Lehrplan Mathematik' */
.jahrgangstabelle {
  font-size: 0.8rem
}

#content .jahrgangstabelle p, #content .jahrgangstabelle ul {
  margin: 0px;
}

#content .jahrgangstabelle ul {
  margin-left: 5px;
}

/* Styles für die Seiten 'Hinweise und Beispiele' zum Lehrplannavigator

---------------------------------------------------------------------------*/
.MSW_Hinweis {
  background-color: #e3f0fa;
  border: 0px solid #d6e5f2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  font-style: normal;
  /* color: #0033FF; */
  top: 10px;
  right: 10px;
  padding: 8px;
}

#extra .MSW_Hinweis {
  font-size: 0.9rem;
}

#extra .MSW_Hinweis p,
#extra .MSW_Hinweis ul {
  margin: 0;
  background: none;
}

#extra .MSW_Hinweis h3 {
  margin: -8px -8px 8px -8px;
}

#extra .MSW_Hinweis a {
  background: none;
}

#extra .MSW_Hinweis {
  font-size: 0.9rem;
}

.jahrgangstabelle {
  font-size: 0.8rem
}

#content .jahrgangstabelle p {
  margin: 0px;
}

#content .jahrgangstabelle ul {
  margin-left: 5px;
}

/* Styles für die Seiten 'LPN Lehrplannavigator - S I - Gymnasium (G8) - Kunst (G8) - Hinweise und Beispiele Kunst'
   eingefügt von Carsten Peters am 23.09.2011
---------------------------------------------------------------------------*/
.grau, .grau td {
  background-color: #C6C3C6;
}

.gelb, .gelb td {
  background-color: #FFFF9C;
}

.hblau, .hblau td {
  background-color: #CEFFFF;
}

.gblau, .gblau td {
  background-color: #CEFFCE;
}

.rosa, .rosa td {
  background-color: #FFCFCE;
}

.ocker, .ocker td {
  background-color: #FFCF9C;
}

.siena, .siena td {
  background-color: #ff9900;
}

#content ul.produktion {
  margin-left: 0;
}

#content ul.produktion li,
#content ul li.produktion {
  background: url("https://www.berufsbildung.nrw.de/cms/upload/css_img/dot_kreis.gif") no-repeat 0 7px;
  padding-left: 10px;
}

#content ul.schwerpunkt {
  margin-left: 0;
}

#content ul.schwerpunkt li,
#content ul li.schwerpunkt {
  background: url("https://www.berufsbildung.nrw.de/cms/upload/css_img/dot_schwerpunkt.gif") no-repeat 0 6px;
  padding-left: 15px;
}

/* fuer Johannes Messelink, eingefügt von Carsten Peters am 23.09.2011 */
.sand_hell, .sand_hell td {
  background-color: #ffff99
}

.hellorange, .hellorange td {
  background-color: #ffcc66
}

.orange, .orange td {
  background-color: #ff6600
}

.rot, .rot td {
  background-color: #ff0000
}

.hellgruen, .hellgruen td {
  background-color: #00ff00
}

.blau, .blau td {
  background-color: #3333ff
}

.blass_blau, .blass_blau td {
  background-color: #99ccff
}

.blass_magenta, .blass_magenta td {
  background-color: #ff66ff
}

.dottergelb, .dottergelb td {
  background-color: #ffff00
}

i {
  font-style: italic;
}

#content .check-marks li,
#content li.check-marks {
  background: url("https://www.berufsbildung.nrw.de/cms/images/check.gif") no-repeat 5px 7px;
  margin: 2px 0 0;
  padding: 0 0 0 20px;
}

/* fuer Peter Weinberg, eingefügt von Peter Weinberg am 20.2.13 */
.hgrau {
  background-color: #CCCCCC;
}

.hgelb {
  background-color: #FFFF00;
}

#content #formsearch small {
  display: none;
}

#content .message {
  font-weight: bold;
  margin-bottom: 20px;
}

#content .form-horizontal .control-group:after {
  clear: both;
}

#content .form-horizontal .control-group:before,
#content .form-horizontal .control-group:after {
  content: "";
  display: table;
  line-height: 0;
}

#content .form-horizontal .control-group:before,
#content .form-horizontal .control-group:after {
  content: "";
  display: table;
  line-height: 0;
}

#content .form-horizontal .control-group {
  margin-bottom: 0;
}

#content .form-horizontal .control-label {
  float: left;
  padding-top: 0;
  text-align: right;
  width: 105px;
}

#content label {
  /*display: block;*/
  margin-bottom: 5px;
}

#content .form-horizontal .controls {
  margin-left: 120px;
}

#content .form-search input,
#content .form-inline input,
#content .form-horizontal input,
#content .form-search select,
#content .form-inline select,
#content .form-horizontal select {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

#content textarea,
#content input[type="text"],
#content input[type="password"],
#content input[type="datetime"],
#content input[type="datetime-local"],
#content input[type="search"] {
  display: inline-block;
}

#content #searchterm {
  width: 218px;
}

#content button,
#content input,
#content textarea {
  font-size: 0.9rem;
  margin: 0;
  vertical-align: middle;
}

#suche .form-horizontal .control-group,
#suche .form-horizontal .controls {
  display: inline;
}

.important {
  text-decoration: underline
}

/* Desktop */
@media (max-width: 1230px) {}

#content ul {
  overflow: hidden;
  font-size: 0.9rem;
}

@media all and (max-width:768px) {
  strong {
    /*display:inline-block; */
  }

  .table-responsive {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }
}

ol.jahrgangstabelle {
  font-size: 1rem;
  line-height: 2rem;
  margin-left: -10px !important;
}

ol.jahrgangstabelle li {
  background-color: rgba(244, 241, 237, 0.5);
  margin: 10px 0 !important;
  padding: 5px 20px;
  border-radius: 1px;
}

ol.jahrgangstabelle li a {
  text-decoration: none !important;
}

ol.jahrgangstabelle li ol li {
  background: none !important;
  border-radius: 1px;
  margin: 0 !important;
  padding: 0 5px;
}

ol.jahrgangstabelle li ol li a {
  text-decoration: none !important;
}

ul.jahrgangstabelle {
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 0 !important;
  margin-left: -10px !important;
}

ul.jahrgangstabelle li, #main1 ul.jahrgangstabelle li {
  background-color: rgba(244, 241, 237, 0.5) !important;
  background-image: none !important;
  border-radius: 1px;
  margin: 10px 0 !important;
  padding: 5px 20px !important;
  /*content:  !important;*/
}

ul.jahrgangstabelle li a {
  text-decoration: none !important;
}

/*-------------- Liste mit geschachtelter Nummerierung ---------------------------*/
ol.jahrgangstabelle {
  counter-reset: listenpunkt_jahrgangstabelle;
  list-style-type: none;
}

ol.jahrgangstabelle li:before {
  content: counter(listenpunkt_jahrgangstabelle) ". ";
  counter-increment: listenpunkt_jahrgangstabelle;
}

ol.jahrgangstabelle2 {
  counter-reset: listenpunkt_jahrgangstabelle2;
  list-style-type: none;
}

ol.jahrgangstabelle2 li:before {
  content: counter(listenpunkt_jahrgangstabelle)"."counter(listenpunkt_jahrgangstabelle2, decimal) "  ";
  counter-increment: listenpunkt_jahrgangstabelle2;
}

ol.jahrgangstabelle3 {
  counter-reset: listenpunkt_jahrgangstabelle3;
  list-style-type: none;
}

ol.jahrgangstabelle3 li:before {
  content: counter(listenpunkt_jahrgangstabelle)"."counter(listenpunkt_jahrgangstabelle2, decimal)"."counter(listenpunkt_jahrgangstabelle3, decimal) " ";
  counter-increment: listenpunkt_jahrgangstabelle3;
}

#content ol li {}

/*--------------------------------------------------------------------*/
.jahrgangstabelle {
  font-size: 0.8rem
}

#content .jahrgangstabelle p, #content .jahrgangstabelle ul {
  margin: 0px;
}

#content .jahrgangstabelle ul {
  margin-left: 5px;
}

.kasten {
  border: 1px solid #ccc;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  padding: 10px !important;
  padding-right: 10px !important;
  width: 100%;
  min-height: 0 !important;
}

.col-md-4 .kasten {
  height: 97%;
  /*wichtig für die kästen auf der Startseite Schulentwicklung!*/
}

.col-md-6 .class_140, .col-md-6 .class_150,
/*.col-md-6 .class_155, .col-md-6 .class_169,*/
.col-md-6 .class_145, .col-md-6 .class_165 {
  height:
    /*97%*/
    251px;
}

/*wichtig für die kästen auf der Startseite Berufsbildung!*/
@media all and (max-width:960px) {
  .col-md-6 .class_140, .col-md-6 .class_150, .col-md-6 .class_145, .col-md-6 .class_165 {
    height:
      /*97%*/
      192px;
  }

  .col-md-6 .class_155 {
    height: 250px !important;
  }
}

.col-md-4 .class_171, .col-md-4 .class_160 {
  height: auto;
}

.col-md-4 .kasten-wb {
  height: auto;
}

.col-md-8 .class_140 img, .col-md-8 .class_145 img, .col-md-8 .class_150 img,
/*.col-md-8 .class_155 img,*/
.col-md-8 .class_165 img {
  width: 106%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: 110%;
  margin-left: -10px !important;
  padding-top: 20px !important;
}

/*wichtig für Startseite Kästen Berufsbildung*/
.col-md-8 .class_155 img {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: 100%;
  margin-left: 0px !important;
  padding-top: 20px !important;
}

.col-md-6 .class_155 {
  height: 331px;
}

.class_140, .class_150, .class_145, .class_155, .class_165, .class_169, .class_171 {
  cursor: pointer;
}

#main1 ul.jahrgangstabelle li::before {
  content: none !important
}

.fa-4x {
  margin-right: 10px;
  margin-left: -10px;
  color: #a81815;
  font-size: 2rem;
  margin-top: 5px;
}

/*#content li p{font-size:0.8rem; line-height:1.4rem; color:#333; margin-left: -10px;
    margin-top: 6px;}*/
/* =================== Klassen speziell für den Lehrplannavigator, Bezug auf Tabellen & Co. Bootstrap =================== */
.panel-heading {
  background-color: #f4f1ed !important;
}

.panel {
  box-shadow: none !important;
}

h2 small {
  color: #7a7876 !important;
}

.lp {
  padding: 10px;
  box-shadow:
    1px 0 0 0 #888,
    0 1px 0 0 #888,
    1px 1px 0 0 #888,
    /* Just to fix the corner */
    1px 0 0 0 #888 inset,
    0 1px 0 0 #888 inset;
}

#main1 .lp ul {
  padding-left: 0;
}

#main1 .lp ul li {
  padding-left: 10px;
}

* {
  hyphens: auto;
}

.uvkarte-sport .input-group {
  display: block;
}

/* =================== Klassen speziell für Tabellen im inklusiven Fachunterricht =================== */
.tabfu .row {
  margin: 0;
}

.tabfu .row .lp {
  padding: 0;
}

.tabfu .row .lp .lp {
  padding: 10px;
  margin-bottom: 0;
}

@media(min-width:960px) {
  .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}

#main1 ul.beige li {
  background-color: #f5e7d7 !important;
}

.table-responsive {
  overflow-x: hidden;
}

/*table{width:99% !important;}*/
/* --- klp_hinweise_beispiele.css --- */
/* Version vom 19.11.2013  (cp) */
/* Meldung bei ausgeschaltetem Java-Script
---------------------------------------------------------------------------*/
#noscript {
  background-color: #FC6;
  border-color: red;
  border: solid;
  vertical-align: middle;
  margin: 10px 50px;
  padding: 5px;
  font-size: 0.9rem;
  color: red;
  font-weight: bold;
}

/* Ueberschriften
---------------------------------------------------------------------------*/
/* Allgemeine Klassen
---------------------------------------------------------------------------*/
#hilfsmenu ul li img {
  top: 0px;
}

.spacer {
  clear: both;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.jgHeadline {
  width: 250px;
  padding: 0 10px 0 5px;
  margin: 2px 5px 2px 0;
}

hr {
  background-color: grey;
  color: grey;
  height: 1px;
  width: 30%;
  margin: 0 0 10px 0;
  padding: 0;
}

.inoffiziell {
  background: url(https://www.berufsbildung.nrw.de/cms/upload/images/klapper_unten.png) no-repeat bottom right !important;
}

#extra ul li.matdat,
#content ul li.matdat {
  padding: 5px 0 5px 36px;
  background: transparent url(https://www.berufsbildung.nrw.de/cms/upload/images/matdat_kl.gif) no-repeat center left;
}

#extra ul.downlink li {
  background-position: 0 0;
}

br.clear {
  height: 0;
  line-height: 0;
}

#offiziell_klapp td,
#offiziell_klapp th,
#offiziell td {
  background: transparent;
}

.start-box {
  margin: 0 27px 20px 0;
}

#beispiele {
  margin: 0 0 20px 0;
}

.start-box img, .start-box img:hover {
  transform: none;
  cursor: pointer;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* Horizontale Liste, Auf-/Zuklapper
---------------------------------------------------------------------------*/
.horList {
  margin: 0 10px 0 18px;
  padding: 0 10px 0 0;
}

.horList li {
  margin: 0 10px 0 0px;
  padding: 0 0 0 10px;
  display: inline;
  background: url(https://www.berufsbildung.nrw.de/cms/images/horlist_dot.gif) no-repeat left;
}

#klapper {
  margin: 5px 0;
  height: 30px;
}

#main1 #klapper a {
  text-decoration: none;
}

/* Inhalt
---------------------------------------------------------------------------*/
a:link.button,
a:visited.button,
a:link.druck_button,
a:visited.druck_button,
a:link.such_button,
a:visited.such_button {
  height: 36px;
  padding: 8px 0 8px 24px;
  border-bottom: none;
  color: #069;
  background: url(https://www.berufsbildung.nrw.de/cms/images/button_li.gif) no-repeat 0% 50%;
}

a:link.druck_button,
a:visited.druck_button {
  background: url(https://www.berufsbildung.nrw.de/cms/images/druck_button_li.gif) no-repeat 0% 50%;
}

a:link.such_button,
a:visited.such_button {
  background: url(https://www.berufsbildung.nrw.de/cms/images/such_button_li.gif) no-repeat 0% 50%;
}

a.button strong,
a.druck_button strong,
a.such_button strong {
  padding: 8px 20px 8px 8px;
  background: url(https://www.berufsbildung.nrw.de/cms/images/button_re.gif) no-repeat 100% 50%;
}

a:hover.button,
a:focus.button,
a:active.button,
a:hover.druck_button,
a:focus.druck_button,
a:active.druck_button,
a:hover.such_button,
a:focus.such_button,
a:active.such_button {
  color: #039;
}

#extra .video {
  margin: 0;
}

#zoom_table,
#zoom_table td {
  border: none;
}

#phrasemarker_advice a {
  margin-left: 5px;
  color: #000;
  font-weight: bold;
}

/* Banner */
.banner {
  margin: 0 0 10px 0;
  background-repeat: no-repeat;
  background-position: 300px 50%;
}

.lang {
  background-position: 450px 50%;
}

#content .banner h2 {
  font-size: 1.4rem;
  line-height: 50px;
  padding: 0 0 0 35px;
  margin: 0 0 0 15px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

#kein_banner {
  height: 0;
}

#lpn {
  height: 50px;
  background-color: #f8dbeb;
}

#lpn h2 {
  color: #d80274;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_lpn.gif);
}

#sek_1 {
  height: 50px;
  background-color: #c8e8d5;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_sek_1.jpg);
}

#sek_1 h2 {
  color: #009035;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_sek_1.gif);
}

#sek_2 {
  height: 50px;
  background-color: #fbf1d6;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_sek_2.jpg);
}

#sek_2 h2 {
  color: #e2ab06;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_sek_2.gif);
}

#abendrealschule {
  height: 50px;
  background-color: #bfe1e3;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_abend.jpg);
}

#abendrealschule h2 {
  color: #008890;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_abend.gif);
}

#grundschule {
  height: 50px;
  background-color: #ffd9bf;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/banner_img_grund.jpg);
}

#grundschule h2 {
  color: #f60;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klp_logo_grund.gif);
}

h2 .info {
  float: right;
  padding: 0 35px 0 0;
  font-size: 0.9rem;
}

/* Brueckenseiten - Aenderungen am 09.08.2007
---------------------------------------------------------------------------*/
#bruecke {
  font-size: 0.9rem;
  line-height: 1.3rem;
  margin: 10px;
  background-color: whitesmoke;
  width: auto;
  max-width: auto;
  min-width: auto;
}

#bruecke .langtext {
  font-size: .7rem;
}

#bruecke table {
  font-size: 0.9rem;
}

#bruecke h3 {
  background: url(https://www.berufsbildung.nrw.de/cms/images/dot.gif) no-repeat 0% 50%;
  padding: 2px 0 2px 22px;
  margin-top: 20px;
}

#bruecke a {
  padding: 0 0 0 10px;
  text-decoration: none;
  color: #069;
  background: url(https://www.berufsbildung.nrw.de/cms/images/tooltipp_dot.gif) no-repeat 0 5px;
}

#bruecke a:hover {
  text-decoration: underline;
}

#bruecke p {
  margin: 5px 0 -2px 0;
}

#bruecke form.form1 {
  padding: 5px;
  border: 1px solid gainsboro;
}

#bruecke input,
#bruecke select {
  border: 1px solid gainsboro #999 #999 gainsboro;
  width: 150px;
}

#bruecke ul li {
  padding: 0 0 0 10px;
  margin: 1px 0 1px 10px;
  background: url(../../css/images/dot.gif) no-repeat 0 7px;
}

#popupcontainer {
  position: absolute;
  left: 100px;
  top: 100px;
  width: 610px;
  z-index: 9999;
}

/* muss ggf. in popupjsp bleiben, da Position dort berechnet wird. */
#popupcontent {
  width: 600px;
  height: 400px;
}

#title {
  background-color: #0a246a;
  font-size: 0.9rem;
  text-align: right;
  padding-right: 2px;
}

/* Carsten #0a246a */
p.aufklapper {
  width: 97%;
}

#box div.aufklapper,
#box-offiziell_klapp div.aufklapper, #standard div.aufklapper,
#standard-offiziell_klapp div.aufklapper {
  margin-top: 10px;
  background-color: #ccc;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klapp_2.gif);
  background-repeat: no-repeat;
  background-position: 1% center;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
}

#box p.aufklapper,
#box-offiziell_klapp p.aufklapper, #standard p.aufklapper,
#standard p.aufklapper {}

div.aufklapper:hover,
#box div.aufklapper:hover,
#box-offiziell_klapp div.aufklapper:hover,
#standard div.aufklapper:hover,
#standard div.aufklapper:hover {
  background-color: #BAB9B9;
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/images/klapp.gif);
}

#box div.aufklapper:active,
#box div.aufklapper:focus,
#box-offiziell_klapp div.aufklapper:active,
#box-offiziell_klapp div.aufklapper:focus,
#standard div.aufklapper:active,
#standard div.aufklapper:focus,
#standard div.aufklapper:active,
#standard div.aufklapper:focus {
  background-color: #BAB9B9;
}

/* Teilbereich
---------------------------------------------------------------------------*/
.teilbereich {
  width: 824px;
  margin: 2px 0;
}

.teilbereich a:link,
.teilbereich a:visited,
.teibereich .kompetenz {
  height: 18px;
  display: block;
  text-indent: 5px;
  background-image: url(https://www.berufsbildung.nrw.de/cms/images/button_h3.gif);
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

.teilbereich a:hover {
  background-position: 0% 50%;
}

.teilbereich a:focus,
.teilbereich a:active {
  background-position: 0% 100%;
}

.teilbereich li ul li ul li {
  padding-top: 0.5rem;
  list-style-type: disc;
}

table.teilbereich {
  font-size: 0.89rem;
  background-color: #f2f2f2;
}

table.teilbereich h3 {
  padding: 0 0 0 20px;
  margin: 2px 0 0 0;
  background: url(https://www.berufsbildung.nrw.de/cms/images/check.gif) no-repeat 5px 50%;
}

table.teilbereich td {
  vertical-align: top;
  padding: 4px;
}

table.teilbereich li {
  margin: 0 0 7px 0;
}

table.teilbereich .col3 {
  width: 33%;
}

table.teilbereich .col4 {
  width: 25%;
}

/* Eintrag
---------------------------------------------------------------------------*/
.eintrag,
.eintrag-d {
  background: #f4f1ed none repeat scroll 0 0;
  margin-top: -10px !important;
  border-left: 2px solid #a81815;
  display: block;
  /* width: 804px; */
  padding: 10px 15px 10px 18px;
  /* CP 0 */
  margin: 0 0 8px 0px;
  /* CP -9 	background-color: #f2f2f2;*/
}

.eintrag h4,
.eintrag-d h4 {
  clear: both;
  color: #069;
  height: 20px;
  padding: 0 0 0 20px;
  margin: 2px 0 0 0;
  font-weight: bold;
}

/* im Fach d alle Spiegelpunkte unterdrücken */
#content .eintrag-d ul li {
  background-image: none;
  font-size: 0.9rem;
  padding: 0 0 5px 10px;
  margin: 0 0 0 1px;
}

.eintrag-d ul li ul li {
  font-size: 0.9rem;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}

/* Tooltip
---------------------------------------------------------------------------*/
.tooltipbutton {
  background: #999;
}

a:hover .tooltipbutton {
  background: #666;
}

table.wz_balloon {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  background: none;
}

table.wz_balloon tbody,
table.wz_balloon tr,
table.wz_balloon td {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}

.wz_balloon h4 {
  color: #000;
  margin: 0;
  padding: 4px 0;
  font-size: 0.8rem;
  font-weight: bold;
  text-indent: 10px;
  z-index: 10
}

.wz_balloon h4 a.aufklapper {
  background: none;
}

.wz_balloon ul {
  margin: 0 0 4px 10px;
}

.wz_balloon li {
  padding: 0 10px;
  text-decoration: none;
  color: #069;
  background: url(https://www.berufsbildung.nrw.de/cms/images/tooltipp_dot.gif) no-repeat 0 6px;
}

.wz_balloon a:hover {
  text-decoration: underline;
}

#content ul li .tooltip {
  display: none;
}

a.glossar {
  width: auto;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dashed black;
  display: inline;
}

a.glossar:hover {
  width: auto;
  text-decoration: underline;
  border: 0;
  cursor: help;
}

.found {
  background-color: yellow;
}

.printonly {
  display: none;
}

.samp {
  font-size: 0.8rem;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  color: black;
  text-decoration: none;
  background: yellow;
}

.clr {
  clear: both;
}

#content #WzBoDy table,
#content #WzBoDy td {
  background: none;
}

/* KLP GS
------------------------------------------------------------------------*/
.gstab td {
  width: 50%;
}

/* KLP Sek I    D M E (MK 2007-04-30)
------------------------------------------------------------------------*/
/* Schulformstartseiten (Ritterbach)  */
table.bezugsquellen {
  margin: 5px;
  font-size: 0.89rem;
  background-color: #f2f2f2;
  width: 99%;
}

table.bezugsquellen th {
  background-color: #f6f6f6;
  text-align: left;
  font-size: 0.9rem;
  font-weight: bold;
}

table.bezugsquellen td {
  vertical-align: top;
  text-align: left;
  padding: 4px;
}

table.ekap4k {
  border: none;
}

table.ekap4k td {
  border: none;
  height: 200px;
  width: 33%;
  background: #f2f2f2;
}

table.ekap4k tbody tr td.zmk {
  border: 1px solid #000;
  text-align: left;
  vertical-align: top;
  background: #f2f2f2;
}

table.ekap4k tbody tr td.zmm {
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  background: #f2f2f2;
}

table.ekap4t td {
  background: #f2f2f2;
}

/* Deutsch, Tabellen im Kapitel 4 - Aufgabentypen */
.aufgabentypen_d caption {
  text-align: left;
}

.aufgabentypen_d .col1 {
  width: 10%;
}

.aufgabentypen_d .col2,
.aufgabentypen_d .col3,
.aufgabentypen_d .col4 {
  width: 30%;
}

.aufgabentypen_d td {
  vertical-align: top;
  text-align: left;
  padding: 4px;
}

.aufgabentypen_d .fett {
  font-weight: bold;
}

/* KLP Sek I  Naturwissenschaften (MK 2007-04-27)
------------------------------------------------------------------------*/
/* Abendrealschule Fach D */
#wbkd ul li {
  background: none;
}

/* M (G9) Kapitel 2
-------------------------------------------------------------------------*/
table.mkap2 {
  /* nur im Fach M im 2. Kapitel relevant */
  margin: 10px 10px 40px 5px;
}

table.mkap2 tbody tr td {
  vertical-align: top;
  padding: 4px;
  border: 1px solid grey;
}

table.mkap2 tbody tr th {
  text-align: center;
  font-weight: bold;
  border: 1px solid grey;
}

table.mkap2 tbody tr td.col1 {
  width: 5%;
  text-align: center;
}

table.mkap2 tbody tr td.col2 {
  width: 20%;
  text-align: right;
  font-weight: bold;
}

table.mkap2 tbody tr td.col3 {
  width: 25%;
  text-align: left;
  font-weight: normal;
}

/* M (G9) Kapitel 3
-------------------------------------------------------------------------*/
.kursivfett {
  /* in den M-Plänen */
  font-weight: bold;
  font-style: italic;
}

#mkap3-titel {
  margin: 30px 0px 10px 0px;
}

#mkap3-titel img {
  float: left;
  border: none;
  margin-right: 15px;
}

#mkap3-titel h1 {
  color: #069;
  font-size: 1.35rem;
  margin: 0 0 0 0;
}

#mkap3-titel h2 {
  color: #069;
  font-size: 1.15rem;
  font-style: italic;
  margin: 0 0 0 0;
}

/* M (G9) Kapitel 4
------------------------------------------------------------------------*/
table.mkap5 {
  margin: 10px 10px 40px 5px;
  padding: 3px;
}

table.mkap5 caption, table.mkap5einwohnerzahlen caption {
  text-align: left;
  font-weight: bold;
  margin-top: 15px;
}

table.mkap5 tr td {
  vertical-align: top;
  text-align: left;
  padding: 4px;
}

table.mkap5 tr th {
  vertical-align: top;
  text-align: left;
  width: 25%;
}

table.mkap5 tr td ul li {
  margin: 0 0 5px 20px;
  padding: 5px;
}

table.mkap5 tr td ul li .kursivfett {
  font-weight: bold;
  font-style: italic;
  font-size: 0.9rem;
}

.mkap5quellenhinweis {
  font-size: 0.8rem;
}

img.mkap5r {
  float: right;
  border: none;
  margin: 0 0 5px 35px;
  vertical-align: top;
}

img.mkap5m {
  border: none;
  margin: 5px 0 5px 10px;
}

table.mkap5pizza {
  margin: 10px 0px 10px 40px;
  padding: 3px;
}

table.mkap5pizza tr td {
  vertical-align: top;
  text-align: left;
  padding: 2px;
}

table.mkap5einwohnerzahlen {
  margin: 10px 0px 10px 0px;
  padding: 3px;
}

table.mkap5einwohnerzahlen tr td {
  vertical-align: top;
  text-align: center;
  padding: 2px;
}

/* Styles für die Seiten 'Schulinterner Lehrplan Mathematik' zum Lehrplannavigator
   eingefügt von Peter Weinberg am 25.6.2013
---------------------------------------------------------------------------*/
#content ul.kompko li, #extra ul.kompko li, #content ul li.kompko, #extra ul li.kompko {
  padding: 0 0 0 18px;
  margin: 3px 0;
  background: url(https://www.berufsbildung.nrw.de/cms/upload/css_img/pfeil_kompko.jpg) no-repeat 0 3px;
}

#extra ul li.kompko {
  padding: 3px 0 3px 18px;
}

#content ul.uidee li, #extra ul.uidee li, #content ul li.uidee, #extra ul li.uidee {
  padding: 0 0 0 18px;
  margin: 3px 0;
  background: url(https://www.berufsbildung.nrw.de/cms/upload/css_img/pfeil_uidee.jpg) no-repeat 0 3px;
}

#extra ul li.uidee {
  padding: 3px 0 3px 18px;
}

/* Ende Einfügung für die Seiten 'Schulinterner Lehrplan Mathematik' */
.jahrgangstabelle {
  font-size: 0.8rem
}

#content .jahrgangstabelle p, #content .jahrgangstabelle ul {
  margin: 0px;
}

#content .jahrgangstabelle ul {
  margin-left: 5px;
}

/* Styles für die Seiten 'Hinweise und Beispiele' zum Lehrplannavigator
   eingefügt von Carsten Peters am 09.6.2011
---------------------------------------------------------------------------*/
.MSW_Hinweis {
  background-color: #e3f0fa;
  border: 0px solid #d6e5f2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  font-style: normal;
  /* color: #0033FF; */
  top: 10px;
  right: 10px;
  padding: 8px;
}

#extra .MSW_Hinweis {
  font-size: 0.9rem;
}

#extra .MSW_Hinweis p,
#extra .MSW_Hinweis ul {
  margin: 0;
  background: none;
}

#extra .MSW_Hinweis h3 {
  margin: -8px -8px 8px -8px;
}

#extra .MSW_Hinweis a {
  background: none;
}

#extra .MSW_Hinweis {
  font-size: 0.9rem;
}

.jahrgangstabelle {
  font-size: 0.8rem
}

#content .jahrgangstabelle p {
  margin: 0px;
}

#content .jahrgangstabelle ul {
  margin-left: 5px;
}

/* Styles für die Seiten 'LPN Lehrplannavigator - S I - Gymnasium (G8) - Kunst (G8) - Hinweise und Beispiele Kunst'
   eingefügt von Carsten Peters am 23.09.2011
---------------------------------------------------------------------------*/
.grau, .grau td {
  background-color: #C6C3C6;
}

.gelb, .gelb td {
  background-color: #f5e7d7;
}

.grey, .grey td {
  background-color: #f4f1ed;
}

.hblau, .hblau td {
  background-color: #CEFFFF;
}

.gblau, .gblau td {
  background-color: #CEFFCE;
}

.rosa, .rosa td {
  background-color: #FFCFCE;
}

.ocker, .ocker td {
  background-color: #FFCF9C;
}

.siena, .siena td {
  background-color: #ff9900;
}

#content ul.produktion {
  margin-left: 0;
}

#content ul.produktion li,
#content ul li.produktion {
  background: url("https://www.berufsbildung.nrw.de/cms/upload/css_img/dot_kreis.gif") no-repeat 0 7px;
  padding-left: 10px;
}

#content ul.schwerpunkt {
  margin-left: 0;
}

#content ul.schwerpunkt li,
#content ul li.schwerpunkt {
  background: url("https://www.berufsbildung.nrw.de/cms/upload/css_img/dot_schwerpunkt.gif") no-repeat 0 6px;
  padding-left: 15px;
}

/* fuer Johannes Messelink, eingefügt von Carsten Peters am 23.09.2011 */
.sand_hell, .sand_hell td {
  background-color: #ffff99
}

.hellorange, .hellorange td {
  background-color: #ffcc66
}

.orange, .orange td {
  background-color: #ff6600
}

.rot, .rot td {
  background-color: #ff0000
}

.hellgruen, .hellgruen td {
  background-color: #00ff00
}

.blau, .blau td {
  background-color: #3333ff
}

.blass_blau, .blass_blau td {
  background-color: #99ccff
}

.blass_magenta, .blass_magenta td {
  background-color: #ff66ff
}

.dottergelb, .dottergelb td {
  background-color: #ffff00
}

i {
  font-style: italic;
}

#content .check-marks li,
#content li.check-marks {
  background: url("https://www.berufsbildung.nrw.de/cms/images/check.gif") no-repeat 5px 7px;
  margin: 2px 0 0;
  padding: 0 0 0 20px;
}

/* fuer Peter Weinberg, eingefügt von Peter Weinberg am 20.2.13 */
.hgrau {
  background-color: #CCCCCC;
}

.hgelb {
  background-color: #FFFF00;
}

#content #formsearch small {
  display: none;
}

#content .message {
  font-weight: bold;
  margin-bottom: 20px;
}

#content .form-horizontal .control-group:after {
  clear: both;
}

#content .form-horizontal .control-group:before,
#content .form-horizontal .control-group:after {
  content: "";
  display: table;
  line-height: 0;
}

#content .form-horizontal .control-group:before,
#content .form-horizontal .control-group:after {
  content: "";
  display: table;
  line-height: 0;
}

#content .form-horizontal .control-group {
  margin-bottom: 0;
}

#content .form-horizontal .control-label {
  float: left;
  padding-top: 0;
  text-align: right;
  width: 105px;
}

#content label {
  margin-bottom: 5px;
}

#content .form-horizontal .controls {
  margin-left: 120px;
}

#content .form-search input,
#content .form-inline input,
#content .form-horizontal input,
#content .form-search select,
#content .form-inline select,
#content .form-horizontal select {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  background-color: #FFF;
  border: 1px solid #CCC;
  width: 220px;
}

#content textarea,
#content input[type="text"],
#content input[type="password"],
#content input[type="datetime"],
#content input[type="datetime-local"],
#content input[type="search"] {
  display: inline-block;
}

#content #searchterm {
  width: 218px;
}

#content button,
#content input,
#content textarea {
  font-size: 0.9rem;
  margin: 0;
  vertical-align: middle;
}

#suche .form-horizontal .control-group,
#suche .form-horizontal .controls {
  display: inline;
}

#content .klp-liste li,
#content .eintrag ul ul.klp-liste li,
#content .eintrag-d ul ul.klp-liste li {}

.important {
  text-decoration: underline
}

/* Desktop */
@media (max-width: 1230px) {
  /*.start-box { float: left; width: 220px; margin: 0 23px 20px 0; position: relative; border: 1px solid #ddd; padding: 4px; }*/
  /*.start-box h2 { font-size: 1.1rem; color: #fff; background-color: rgba(43,43,43,0.9); position: absolute; top: 125px; height: 16px; padding: 10px; width: 200px; z-index: 5; }*/
}

p img {}

@media all and (max-width:768px) {
  strong {
    /*display:inline-block;*/
  }

  .table-responsive {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }
}

ol.jahrgangstabelle {
  font-size: 0.9rem;
  line-height: 1.5rem;
  margin-left: -10px !important;
}

ol.jahrgangstabelle li {
  background-color: rgba(244, 241, 237, 0.5);
  margin: 10px 0 !important;
  padding: 5px 20px;
  border-radius: 1px;
}

ol.jahrgangstabelle li a {
  text-decoration: none !important;
}

ol.jahrgangstabelle li ol li {
  background: none !important;
  border-radius: 1px;
  margin: 0 !important;
  padding: 0 5px;
}

ol.jahrgangstabelle li ol li a {
  text-decoration: none !important;
}

ul.jahrgangstabelle {
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 0 !important;
  margin-left: -10px !important;
}

ul.jahrgangstabelle li {
  background-color: rgba(244, 241, 237, 0.5) !important;
  background-image: none !important;
  border-radius: 1px;
  margin: 10px 0 !important;
  padding: 5px 20px !important;
}

ul.jahrgangstabelle li a {
  text-decoration: none !important;
}

/*-------------- Liste mit geschachtelter Nummerierung ---------------------------*/
ol.jahrgangstabelle {
  counter-reset: listenpunkt_jahrgangstabelle;
  list-style-type: none;
}

ol.jahrgangstabelle li:before {
  content: counter(listenpunkt_jahrgangstabelle) ". ";
  counter-increment: listenpunkt_jahrgangstabelle;
}

ol.jahrgangstabelle2 {
  counter-reset: listenpunkt_jahrgangstabelle2;
  list-style-type: none;
}

ol.jahrgangstabelle2 li:before {
  content: counter(listenpunkt_jahrgangstabelle)"."counter(listenpunkt_jahrgangstabelle2, decimal) "  ";
  counter-increment: listenpunkt_jahrgangstabelle2;
}

ol.jahrgangstabelle3 {
  counter-reset: listenpunkt_jahrgangstabelle3;
  list-style-type: none;
}

ol.jahrgangstabelle3 li:before {
  content: counter(listenpunkt_jahrgangstabelle)"."counter(listenpunkt_jahrgangstabelle2, decimal)"."counter(listenpunkt_jahrgangstabelle3, decimal) " ";
  counter-increment: listenpunkt_jahrgangstabelle3;
}

#content ol li {}

/*--------------------------------------------------------------------*/
.jahrgangstabelle {
  font-size: 0.8rem
}

#content .jahrgangstabelle p, #content .jahrgangstabelle ul {
  margin: 0px;
}

#content .jahrgangstabelle ul {
  margin-left: 5px;
}

@media all and (min-width:960px) {}

@media all and (max-width:960px) {
  .kasten {
    border: 1px solid #ccc;
    border-radius: 1px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    padding: 10px !important;
    padding-right: 10px !important;
    width: 95%;
    min-height: 0 !important;
    font-size: inherit !important;
  }
}

.banner, .micronavigation, #top {
  flex-basis: 100%;
}

#content .micronavigation {}

/* --- sinus.css bereinigt --------------*/
/* ////// BP SINUS-Stylesheet ////////////////////// */
/* ////// Version vom 14.11.2013 /////////////////// */
/* ////// von Carsten Peters /////////////////////// */
.banner {
  margin: 0 0 10px 0;
}

#articleList img {
  float: right;
  width: 15%;
}

p.linkMore a::after {
  content: " \f101";
  font-family: "FontAwesome";
}

@media screen and (max-width:960px) {
  .sinus-articlelist .col-sm-2 {
    padding-right: 10px !important;
  }
}

/*---- start_neu.css bereinigt -------*/
* {
  box-sizing: border-box;
}

/*Anpassungen f�r kleinere Ansichten*/
@media screen and (max-width:680px) {
  .textItem {
    width: 100%;
  }

  undefinedundefined .kasten p, .kasten li {
    width: 100%;
  }

  .logo {
    width: 50%;
  }

  #usermenu2 {
    display: none;
  }

  #outerslide, #outerslide_qualis, #outerslide_bb, #outerslide_wb {
    background: none;
  }

  .neu #outerslide, .neu #outerslide_qualis, .neu #outerslide_bb, .neu #outerslide_wb {
    background: none;
  }

  .textItem {
    min-height: 550px;
  }

  undefined.kasten {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
  }

  .kasten ul li {
    background: none;
    padding: 0;
  }

  .kasten img {
    width: 30%;
    height: auto;
    margin: 20px 20px 20px 0;
  }

  .kasten .textItem {
    padding: 0;
  }

  .kasten {
    padding: 0;
  }

  .kasten h2, .kasten ul {
    margin: 20px;
  }

  .kasten li p {
    padding-left: 0;
  }

  .kasten p:last-child img {
    /*  margin: 10px -20px 0;
	width:100%;
	position:absolute;
	bottom:0px;*/
  }

  .kasten {
    min-height: 1px;
  }
}

@media screen and (max-width:380px) {
  .col-md-6 .textItem, .col-md-4 .textItem {
    /*min-height:390px;*/
    cursor: pointer;
  }
}

@media screen and (min-width:380px)and (max-width:480px) {
  .col-md-6 .textItem, .col-md-4 .textItem {
    /*min-height:440px;*/
    cursor: pointer;
  }
}

@media screen and (min-width:480px)and (max-width:680px) {
  .col-md-6 .textItem, .col-md-4 .textItem {
    /*min-height:560px;*/
    cursor: pointer;
  }
}

@media screen and (min-width:680px)and (max-width:980px) {
  .col-md-6 .textItem, .col-md-4 .textItem {
    /*	min-height:350px;*/
    cursor: pointer;
  }
}

@media screen and (min-width:980px) {
  .col-md-6 .textItem, .col-md-4 .textItem {
    min-height: 1px;
    cursor: pointer;
  }
}

@media screen and (min-width:680px) {
  .kasten img {
    /*width:70%;*/
    height: auto;
    margin: 20px 20px 20px 0;
  }

  .kasten {
    padding: 0;
  }

  .kasten h2, .kasten ul {
    margin: 5px 5px 0 2px;
  }

  .kasten p:last-child img {
    /*margin: 0 -10px 0;

bottom: 0px;
padding: 0;
width: 120%;
max-width: 120%;*/
  }

  .kasten {
    min-height: 1px;
  }
}

/*---- standard-tabs.css bereinigt ----*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

template {
  display: none;
}

.panel-warning {
  border: 5px solid #F4F1ED !important;
}

.panel {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-warning>.panel-heading {
  background-color: #F4F1ED !important;
  border-color: #E5E2DE !important;
  color: #a81815 !important;
}

.panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-body {
  padding: 15px;
}

#myTabs {
  padding: 0 !important;
  margin: 0 !important;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav>li {
  position: relative;
  display: block;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  background-color: #f4f1edeee;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px !important;
  background: none !important;
  padding: 0 !important;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0;
}

.panel.with-nav-tabs .panel-heading {
  padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
  border-bottom: none;
}

/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs>li>a,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
  color: #a81815 !important;
  text-decoration: none !important;
}

.with-nav-tabs.panel-warning .nav-tabs>li>a:hover {
  color: #a81815 !important;
  background-color: #E0D9D0 !important;
  border-color: transparent;
}

#main1 .with-nav-tabs.panel-warning .nav-tabs>li>a:focus,
#main1 .with-nav-tabs.panel-warning .nav-tabs>li.active>a,
#main1 .with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover,
#main1 .with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus {
  color: #a81815 !important;
  background-color: #fff !important;
  border-color: #E5E2DE;
  border-bottom-color: transparent;
}

.tab-content>.tab-pane {
  display: none;
}

@media all and (min-width:720px) {
  .breit.tabs-2-columns .tab-content>.tab-pane {
    column-count: 2;
    column-gap: 40px
  }
}

.tab-content>.active {
  display: block;
}

.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

/*-------- faecher.css bereinigt --------*/
.panel-heading ul li::before {
  content: none !important;
}

#main1 {
  hyphens: auto;
}

#main1 .breit .tab-content .col-md-10 h3 {
  margin-top: 0;
}

/*Anpassungen f�r kleinere Ansichten*/
@media all and (max-width:780px) {
  body {
    overflow-x: hidden;
    background: none;
    color: #333;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  #content ul.weiterfuehrender_link li, #content a.weiterfuehrender_link {
    margin-left: 0px;
    word-wrap: word-break;
  }

  #content ul.externer_link li {
    margin-left: 0px;
    word-wrap: word-break;
  }

  #content img.links {
    /*width:80%;
		height:auto;
	border: 1px solid #f4f1ed !important;
    box-shadow: 3px 3px 3px #ccc !important;
margin:0 40px 30px 0;
	display:block;
float:none;*/
  }

  .logo {
    width: 50%;
  }

  #usermenu2 {
    padding-top: 1px;
  }

  ul#oben li.bereich {
    border: 0 none !important;
    display: inline;
    float: left !important;
    line-height: 0.9rem !important;
    margin: 0 !important;
    padding: 10px !important;
  }

  #usermenu h1 {
    margin: 0px 0 0 !important;
  }

  #rahmen {
    border: 0 solid #f4f1ed;
    box-shadow: 0 10px 10px #aaa;
    margin: 0 auto;
    max-width: 1280px;
  }

  #main1 {
    height: auto;
    margin-top: 0;
    min-height: 10px;
    padding-top: 0;
  }

  .navbar-toggle .icon-bar {}

  a.navi {}

  .navbar-toggle {}

  p.suchfeld #search_send {
    position: absolute;
  }

  p.suchfeld {
    background: #999 none repeat scroll 0 0;
    display: block;
    float: none;
    margin-right: 20px;
    padding-left: 5px;
    text-align: left;
    width: 100%;
  }

  .nav-tabs>li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: none;
    margin-bottom: -1px !important;
    padding: 0 !important;
  }

  #info {
    padding-left: 10px;
    padding-right: 10px;
  }

  #info ul {
    margin: 0;
    padding: 0;
  }
}

@media all and (min-width:680px) {
  #usermenu2 {
    padding-top: 0px;
  }

  #content img.links {
    /*	width:14%;
		height:auto;
	border: 1px solid #f4f1ed !important;
    box-shadow: 3px 3px 3px #ccc !important;
margin:0 40px 30px 0;*/
  }

  #content ul.weiterfuehrender_link li, #content a.weiterfuehrender_link {
    /*padding-left:0;*/
  }

  #content ul.externer_link li {}

  .with-nav-tabs.panel-warning .nav-tabs>li>a, .with-nav-tabs.panel-warning .nav-tabs>li>a:hover, .with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
    border-right: 2px solid #e0d9d0;
    border-top: 1px solid #e0d9d0;
    color: #a81815 !important;
    text-decoration: none !important;
  }
}

#content a.weiterfuehrender_link {
  margin-left: 0px;
}

figure {
  margin: 0;
  float: left;
}

figcaption {
  color: #999;
  font-size: 0.6rem;
  font-weight: 100;
  left: 5px;
  line-height: 1.2rem;
  position: relative;
  text-align: center;
  /*top: 5px;
    width: 100px;*/
}

/*---- facher_zwischenseiten.css -------*/
#main1 h2#top, #main1 .textItem h2 {
  border-bottom: none;
  box-shadow: none;
}

#left ul li {
  background: #f4f1ed;
  margin: 0;
}

@media all and (max-width:780px) {
  body {
    overflow-x: hidden;
    background: none;
    color: #333;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  #content ul.weiterfuehrender_link li, #content ul li.weiterfuehrender_link, #content a.weiterfuehrender_link, #extra ul.weiterfuehrender_link li, #extra ul li.weiterfuehrender_link, #extra a.weiterfuehrender_link {
    margin-left: 0px;
    word-wrap: word-break;
  }

  #content ul.externer_link li, #extra ul.externer_link li, #content ul li.externer_link, #extra ul li.externer_link {
    margin-left: 0px;
    word-wrap: word-break;
  }

  #content img.links {
    /*width:80%;
		height:auto;
	border: 1px solid #f4f1ed !important;
    box-shadow: 3px 3px 3px #ccc !important;
margin:0 40px 30px 0;
	display:block;
float:none;*/
  }

  .logo {
    width: 50%;
  }

  #usermenu2 {
    padding-top: 1px;
  }

  ul#oben li a.back, ul#oben li.bereich {
    border: 0 none !important;
    display: inline;
    float: left !important;
    line-height: 0.9rem !important;
    margin: 0 !important;
    padding: 10px !important;
  }

  #usermenu h1 {
    margin: 0px 0 0 !important;
  }

  #rahmen {
    border: 0 solid #f4f1ed;
    box-shadow: 0 10px 10px #aaa;
    margin: 0 auto;
    max-width: 1280px;
  }

  #main1, #main2, #pm {
    height: auto;
    margin-top: 0;
    /*teständerung mobilversion*/
    min-height: 10px;
    padding-top: 0;
  }

  .navbar-toggle .icon-bar {}

  a.navi {}

  .navbar-toggle {}

  p.suchfeld #search_send {
    position: absolute;
  }

  p.suchfeld {
    background: #999 none repeat scroll 0 0;
    display: block;
    float: none;
    margin-right: 20px;
    padding-left: 5px;
    text-align: left;
    width: 100%;
  }

  .nav-tabs>li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: none;
    margin-bottom: -1px !important;
    padding: 0 !important;
  }

  #info {
    padding-left: 10px;
    padding-right: 10px;
  }

  #info ul {
    margin: 0;
    padding: 0;
  }
}

@media all and (min-width:680px) {
  #usermenu2 {
    padding-top: 0px;
  }

  #content ul.faecher li {}

  #content #main1 .breit img.links {
    /*width:14%;
		height:auto;
	border: 1px solid #f4f1ed !important;
    box-shadow: 3px 3px 3px #ccc !important;
margin:0 40px 80px 0 !important;*/
  }

  #content img.links:hover {
    /*  transform:none;
  cursor:auto;*/
  }

  #content p {
    margin: 0 0 10px;
  }

  h3.fach_underline {
    border-bottom: 4px solid #F5E7D7;
    width: 90%;
  }

  #extra ul.externer_link li {
    margin: 0 0 8px !important;
  }

  #left ul li.auswahl h2 {
    background: #f9923d none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #333;
    font-weight: bold;
    font-size: 0.9rem;
    padding: 8px 25px 7px 30px;
    border-radius: 10px 0 0 10px;
    margin-bottom: 0;
    ine-height: 15px;
  }

  #content ul.weiterfuehrender_link li, #content ul li.weiterfuehrender_link, #content a.weiterfuehrender_link, #extra ul.weiterfuehrender_link li, #extra ul li.weiterfuehrender_link, #extra a.weiterfuehrender_link {}

  /*#content ul.externer_link li, #extra ul.externer_link li, #content ul li.externer_link, #extra ul li.externer_link {
	margin-left:150px;

}
*/
  .with-nav-tabs.panel-warning .nav-tabs>li>a, .with-nav-tabs.panel-warning .nav-tabs>li>a:hover, .with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
    border-right: 2px solid #e0d9d0;
    border-top: 1px solid #e0d9d0;
    color: #a81815 !important;
    text-decoration: none !important;
  }
}

/*--- g8.css bereinigt ---- */
.grundlagen {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/grundlagen.gif);
}

.orga {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/orga.gif);
}

.lernen {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/lernen.gif);
}

.lernzeit {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/lernzeiten.gif);
}

.kommunikation {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/kommunikation.gif);
}

.material {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/material.gif);
}

.verknuepfung {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/verknuepfung.gif);
}

.hausaufgaben {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/hausaufgaben.gif);
}

.lernzeiten {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/lernzeiten.gif);
}

.hg-lz {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/hg-lz.gif);
}

.er-bildung {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/er-bildung.gif);
}

.prozess {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/prozess.gif);
}

.lernberatung {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/lernberatung.gif);
}

.projekt {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/projekt.gif);
}

.neigung {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/neigung.gif);
}

.ag {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/ag.gif);
}

.info {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/info.gif);
}

.kontakt {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/kontakt.gif);
}

.netz {
  background-image: url(https://www.berufsbildung.nrw.de/cms/upload/Grafiken/netz.gif);
}

ol.alpha li,
ol li.alpha {
  list-style-type: lower-alpha !important;
}

.table_2 td {
  width: 50%;
}

.table_3 td {
  width: 33%;
}

.table_4 td {
  width: 25%;
}

.class_3188 td,
.class_3188 th {
  background-color: inherit;
}

@media screen and (max-width: 768px) {
  .kreis {
    display: none;
  }

  .circle {
    width: 100%;
  }

  #standard .circle .box {
    width: 95%;
    min-height: 25px;
    height: 55px;
    position: relative;
    left: auto;
    top: auto;
  }

  .box {
    float: none;
    width: 90%;
  }
}

.textItem a:focus,
.textItem a:active {
  outline: none;
}

#main1 ul {
  margin: 0 0 10px 0;
}

#left ul a:link,
#left ul a:visited {}

hr {
  border: #fff;
  clear: both;
}

#main1 .textItem .list1 h2, #main1 .textItem .list1 button {
  box-shadow: 0;
  border-bottom: 0;
  font-size: 0.9rem;
  font-weight: bold;
  min-height: 20px;
  line-height: 20px;
  width: 320px;
  background: #f5e7d7 url("https://www.berufsbildung.nrw.de/cms/upload/css_img/list_open.png") no-repeat 98% 50%;
  border-radius: 8px;
  cursor: pointer;
  padding: 4px 12px;
}

#main1 .textItem .list1 h2, #main1 .textItem .list1 button,
#main1 .textItem .list1 h2 {
  box-shadow: 0;
  border-bottom: 0;
  font-size: 0.9rem;
  font-weight: bold;
  width: 95%;
  background-color: #f5e7d7;
  border-radius: 8px;
  cursor: pointer;
  padding: 4px 12px;
}

#main1 .textItem .list1 h2:first-child, #main1 .textItem .list1 button:first-child {
  margin: 0;
}

#main1 ol {
  margin-left: 20px;
  margin-top: 0;
}

#content ul li {
  background-position: 0 8px;
}

/* Accordion CSS */
/* Ergänzung für weiße Elemente in einem Klapper, genutzt beim Inklusionskonzept bspw. */
.row-white {
  padding-bottom: 5px !important;
}

.row-white p {
  background-color: #fff;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  padding: 5px;
}

.row-white ul {
  background-color: #fff;
  margin-bottom: 10px !important;
  margin-top: -10px !important;
  padding: 5px;
}

.row-white ul.mitLink {
  background-color: #f4f1ed;
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}

/*Ende*/
.list1 {
  background-color: #f4f1ed;
  border-left: 2px solid #a81815;
  padding: 0;
  margin-bottom: 10px;
  width: 100%;
  padding-left: 2px;
  font-size: 0.9rem;
}

.list1 h2, .list1 button {
  background-color: #f5e7d7;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 4px 24px 4px 12px;
  font-weight: normal;
  background: url(https://www.schulentwicklung.nrw.de/cms/upload/css_img/list_open.png) no-repeat right 4px !important;
  color: #a81815;
  margin-bottom: 0;
  text-align: left;
}

.list1 h2:first-child, .list1 button:first-child {
  margin: 0;
}

.list1 h2, .list1 button {
  line-height: 20px;
  min-height: 20px;
}

.list1 strong {
  font-weight: bold;
}

.list1 .list1 {
  background-color: #fff;
  border-left: none;
}

div.eintrag div.aufklapper {
  background-color: #fff!important;
  border-left: none;
}

div.eintrag div.eintrag {
  background-color: #fff!important;
  border-left: none;
}

.list1 .list1 h2+*, .list1 .list1 button+* {
  background-color: #fff;
  width: 100%;
}

h2.open {
  background: url(https://www.schulentwicklung.nrw.de/cms/upload/css_img/list_on.png) no-repeat right 4px !important;
  font-weight: bold;
}

.list1 div {
  margin-top: 20px;
  /*display: flex;
flex-wrap: wrap;*/
  /*kann so nicht bleiben, wirkt sich sonst in allen Klappern aus */
}

div.mit-box {
display: flex;
flex-wrap: wrap;
}

div.mit-box .box {
margin-top:0;
}

.list1 .row, .list1 .row div {
  margin-top: 0;
}

.breit .container .list1:last-child {
  margin-bottom: 40px;
}

/* CSS von Map-Select Inklusion */
#map {
  text-align: center;
}

#kreis {
  font-size: 1.1rem;
}

#my-new-list {
  font-size: 0.8rem !important;
  line-height: 1.4rem !important;
}

.ms_funktion {
  font-weight: normal;
  margin-bottom: 5px;
}

/*h4.ms_funktion { color: darkred; font-size:1.2rem !important; margin: 30px 0 -15px 0 !important; }*/
.ds {
  margin: 18px;
}

/*.ms_Telefon { background: rgba(0, 0, 0, 0) url("upload/css_img/phone.png") no-repeat scroll 0 50%; padding-left: 18px;}*/
.ms_Telefon::before {
  color: #a81815;
  content: "\f095";
  font-family: FontAwesome;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.5rem;
}

/*.ms_mail { background: rgba(0, 0, 0, 0) url("upload/css_img/mail.png") no-repeat scroll 0 50%; padding-left: 18px;}*/
.ms_mail::before {
  color: #a81815;
  content: "\f0e0";
  font-family: FontAwesome;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 0.5rem;
}

.ms_Name {
  font-weight: bold;
}

/*.ms_Homepage { background: rgba(0, 0, 0, 0) url("/css/images/externer_link.gif") no-repeat scroll 0 3px; margin: 3px 0; padding: 0 0 0 18px; }*/
.ms_dialog {
  border: 1px solid gray;
  background-color: #f7f7f7;
  padding: 5px;
  margin: 5px;
}

@media screen and (max-width: 768px) {
  #map, #poly {
    display: none;
  }
}

/*----- Allgemeine Überschreibungen ----- */
.fa i {
  color: #a81815 !important;
  cursor: pointer !important;
}

.hidden {
  display: none;
}

/* SITEMAP.CSS */
@media all and (min-width:960px) {
  div.sitemap {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    margin-top: 20px !important;
  }
}

.sitemap h2 {
  margin-top: 0;
  font-size: 1.3em;
  font-weight: bold;
}

.sitemap li:last-child {
  /*padding-bottom:20px !important;*/
}

#main1 h2#top::before, #main1 .textItem h2::before {}

#main1 .sitemap ul li::before, #main2 .sitemap ul li::before, #extra .sitemap ul li::before {
  content: "\f068""\f068""\f068";
  font-family: FontAwesome;
  font-size: 0.5rem;
  color: #333;
}

#main1 .sitemap ul li {
  padding-left: 0;
}

.sitemap ul {
  border-left: 1px solid #333;
  padding-left: 0px !important;
}

/* qualis.css */
.tabelle_kompakt {
  border: 0;
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.tabelle_kompakt tbody {
  border: 10px solid #f4f1ed;
}

.tabelle_kompakt tr td {
  background-color: #f4f1ed;
  border: 0;
  padding: 5px;
  margin: 0;
}

div.rbox {
  padding: 1em 1em 0.5em 1em;
  background-color: #f4f1ed;
  border: #f4f1ed thin solid;
  margin: 0.5em 1em 0.5em 0;
}

.kontakt {
  border: none;
}

.kontakt th {
  width: 11em;
  font-weight: normal;
  border: none;
  border-bottom: 1px solid #ccc;
  background: #F4F1ED;
}

.kontakt td {
  border: none;
  border-bottom: 1px solid #ccc;
  background: #F4F1ED;
  padding-right: 25px;
}

@media all and (max-width:768px) {
  td.arbeitsschwerpunkt {
    display: none;
  }
}

.kontakt .tel {
  padding-left: 25px;
}

.kontakt .tel::before {
  font-family: FontAwesome;
  content: "\f095";
  font-size: 1.4rem;
  padding-right: 10px;
  color: #a81815;
}

.kontakt a::before {
  font-family: FontAwesome;
  content: "\f003";
  font-size: 1.4rem;
  padding-right: 10px;
  color: #a81815;
}

#content #main1 .breit .kontakt img {
  display: none;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: none !important;
}

.frage {
  background-color: #f4f1ed;
  border-left: 2px solid #a81815;
  padding: 0;
  padding-left: 0px;
  margin-bottom: 10px;
  width: 100%;
  padding-left: 10px;
  font-size: 0.9rem;
  cursor: pointer;
}

.frage::before {
  border-top: 5px solid #002142;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  float: right;
  height: 0;
  margin-right: 4px;
  margin-top: 6px;
  vertical-align: top;
  width: 0;
}

.frage.current::before {
  border-bottom: 5px solid #002142;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 0px solid #002142;
  content: "";
  display: inline-block;
  float: right;
  height: 0;
  margin-right: 4px;
  margin-top: 6px;
  vertical-align: top;
  width: 0;
}

#content #main1 .breit img.publi {
  float: left;
  margin-right: 10px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}

/* box.css */
/* -----------------Anpassungen für die Sitemap------------------ */
@media all and (min-width:960px) {
  .sitemap {
    column-count: 2;
    margin-top: 30px !important;
  }
}

.sitemap ul li:last-child {
  padding-bottom: 25px !important;
}

ul.sitemap>li>a {
  font-size: 22px;
  color: #333 !important;
}

ul.sitemap>li::before {
  content: none !important;
}

.sitemap a {
  text-decoration: none !important;
}

#main1 ul.sitemap li::before, #main2 ul.sitemap li::before, #extra ul.sitemap li::before {
  content: "\f068""\f068""\f068";
  font-family: FontAwesome;
  font-size: 6px;
  color: #333;
}

.sitemap li ul {
  border-left: 1px solid #333;
}

ul.sitemap li ul li ul li {
  padding-left: 0px !important;
}

ul.sitemap li ul li {
  margin-left: 0px !important;
  padding-left: 0px !important;
  font-weight: bold;
}

ul.sitemap li ul li ul {
  margin-left: 50px !important;
}

ul.sitemap li ul li ul li {
  font-weight: normal !important;
}

#content ul.sitemap ul li {
  background: none;
}

/* Bootstrap v3.3.7 CARDS ONLY */
#content #main1 .breit .card-footer img {
  background: none;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bg_beige {
  background: #f4f1ed;
}

.highlight {
  background-color: #a81815;
  color: #fff;
}

.highlight a {
  color: #fff !important;
}

.nopadding {
  padding: 0 !important;
}

.pointer {
  cursor: pointer;
}

.fa-chevron-down {
  float: right;
  margin-top: 3px;
}

.card {
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 10px;
}

.card-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5rem;
  background: #f4f1ed;
}

#main1 .card-block ul {
  margin-bottom: 0 !important;
}

#main1 .card-block ul li {
  padding-left: 10px;
}

#content .card-block h4 {
  margin-top: 20px;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link+.card-link {
  margin-left: 1.25rem;
}

.card>.list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-header {
  padding: 0.5rem;
  margin-bottom: 0;
  background-color: #dbd8d5;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.card-footer {
  padding: 0.5rem;
  background-color: #dbd8d5;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  min-height: 40px;
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}

.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}

.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}

.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}

.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}

.card-inverse {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-header,
.card-inverse .card-footer {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .card-deck .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .card-deck .card:not(:first-child) {
    margin-left: 15px;
  }

  .card-deck .card:not(:last-child) {
    margin-right: 15px;
  }
}

@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .card-group .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }

  .card-group .card+.card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }

  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }

  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }

  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }

  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

/*wb_neu.css*/
.col-sm-3 img, .col-sm-9 img, .col-md-8 img {
  margin-top: 5px;
  background-color: #fff;
  box-shadow: none !important;
  max-width: 100%;
  height: auto;
  border: 1px solid #dbd8d5 !important;
  padding: 5px !important;
}

@media all and (max-width:680px) {
  .col-sm-3 img, .col-sm-9 img, .col-md-8 img {
    width: 100%;
    height: 100%;
  }
}

.col-md-4 img {
  margin-top: 5px;
  max-width: 100%;
  height: auto;
}

.col-md-4 .kasten-wb {
  cursor: pointer;
}

.kasten-wb p {
  margin: 0 !important;
  padding-bottom: 0px !important;
}

div.kasten-wb {
  padding: 0 !important;
}

.col-sm-3 p, .col-md-4 p, .col-sm-9 p, .col-md-8 p {
  margin-top: 0;
}

.kasten-wb ul {
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  margin: 0 !important;
  background-color: #fae9d6;
}

.container-wb {
  padding-top: 20px;
}

.container-wb .row {
  margin-bottom: 20px;
}

/* CSS UV-Karte-Sport */
.form-control {
  border-radius: 0 !important;
}

.form-control:focus {
  border-color: #dbd8d5;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px #dbd8d5, 0 0 8px #dbd8d5;
  box-shadow: inset 0 1px 1px #dbd8d5, 0 0 8px #dbd8d5;
}

.uv-karte-last-row input.form-control {
  margin-bottom: 10px !important;
}

div.uvkarte-sport, div.containersmall {
  padding-left: 0;
  padding-right: 0;
}

.uvkarte-sport placeholder {
  height: 40px;
}

#content .uv-karte-last-row textarea {
  width: 100%;
  min-height: 260px;
}

#content .uv-karte-last-row textarea.form-control-lang {
  width: 100%;
  min-height: 620px;
}

.uv-karte-last-row .col-md-3 {
  height: 680px;
}

a:hover {
  text-decoration: underline;
}

a:hover:after, a:hover:before {
  text-decoration: none !important;
}

/* RRSQ Aenderungen ab 10/2019 */
.grid_win-blogmitteoben img {
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
}

/* Print.CSS
@media print{
.none,
.no_print,
#skip1,
#skip2,
#suche,
#login,
#hilfsmenu,
.unsichtbar,
.navi,
#oben,
#left,
#breadcrumb { display: none; }

a img { border: none; }

.kennung { float: right; }

#header h1,
#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover { color: #000; text-decoration: none; }

table, th, td { padding: 4px; border: 1px solid #ddd; border-collapse: collapse; }
th { text-align: left; }
.referenz td { text-align: center; }
}*/
/* Print.CSS*/
@media print {

  #scrollingDiv,
  #solr_search_form,
  #hilfsmenu,
  #left,
  #fuss,
  #btn-go-to-top,
  li.first,
  video {
    display: none;
  }

  a[href]:after {
    content: ' Link: "'attr(href)'"';
    color: #fff !important;
    font-size: 8pt;
    display: block;
  }

  div {
    overflow: visible !important;
  }

  /*.lp{box-shadow:none;}*/
  .kennung, .logo {
    display: inline-block;
  }

  .breit .row, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  .col-auto, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1,
  .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-lg-10, .col-lg-11, .col-lg-12,
  .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
  .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    margin-bottom: 0 !important;
  }

  .uv-karte-last-row, div.uvkarte-sport {
    page-break-before: always;
    -moz-page-break-before: always;
    -webkit-page-break-before: always;
  }

  #content, #main1, #box #main1, #main2, #right, .breit, .box, #standard .box, #box .box {
    width: 100%;
    border: none;
    height: auto !important;
    font-size: 12pt;
    display: block;
  }

  #extra, #right p {
    font-size: 10pt;
  }

  .phone {
    margin-left: 0;
  }

  body,
  #rahmen,
  #content,
  #main1,
  .container-fluid {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .list1, .list1 h2, .list1 button, .list1 ul, .list1 div, .list1 p {
    display: block !important;
  }

  #content h4, .container-fluid {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
  }

  #usermenu2 ul#oben, #usermenu2 ul#oben li.bereich, #usermenu2 ul#oben li.bereich h1 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 7px !important;
    height: auto !important;
    line-height: 1.8rem !important;
    display: inline !important;
    text-align: left !important;
  }

  .uvkarte-sport .lp,
  .uvkarte-sport .form-control,
  #content .uvkarte-sport input {
    padding: 5px !important;
    line-height: 1.3rem;
    min-height: 0 !important;
  }

  .form-control, textarea {
    width: 100%;
    overflow: visible;
    padding: 0 !important;
    word-wrap: normal !important;
    white-space: normal;
    margin: 0 !important;
    padding-left: 0 !important;
  }

  .input-group .form-control {
    z-index: 0;
  }

  .uv-karte-jg .form-control,
  .uv-karte-dauer .form-control,
  .uv-karte-nummer .form-control,
  .uv-karte-thema .form-control,
  .uv-karte-ifelder .form-control,
  .uv-karte-bfelder .form-control,
  .uv-karte-ischwerpunkte .form-control,
  .uv-karte-ikerne .form-control,
  .uv-karte-bfk .form-control,
  .uv-karte-last-row .form-control {
    border: none;
    min-height: 30px;
    color: #a81815;
  }

  #content .uv-karte-jg input.form-control,
  #content .uv-karte-dauer input.form-control,
  #content .uv-karte-nummer input.form-control {
    display: inline !important;
    width: auto !important;
  }

  #content .uv-karte-thema input.form-control,
  .uvkarte-sport .input-group {
    width: 85% !important;
    display: inline !important;
  }

  #kopf a[href]:after, .micronavigation a[href]:after {
    content: none;
  }

  abbr[title]:after, acronym[title]:after {
    content: '('attr(title) ')';
    background-color: inherit;
    color: #369;
    font-style: italic;
  }

  .uvkarte-sport .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .uvkarte-sport {
    font-size: 11pt !important;
  }

  .uvkarte-sport .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .uv-karte-last-row .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    height: 680px;
  }

  #content .uv-karte-last-row textarea {
    min-height: 260px !important;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 !important;
  }

  #content .uv-karte-last-row textarea.form-control-lang {
    min-height: 620px !important;
    padding: 0 !important;
  }

  #content .uvkarte-sport p {
    margin-bottom: 0 !important;
  }

  /*nice-select Anpassungen*/
  .nice-select::after {
    border: 0;
  }

  .nice-select {
    padding-right: 5px;
    margin-top: 10px;
    margin-bottom: 0;
    min-height: 0 !important;
  }
}