/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700');*/

html, body, h1, h2, h3, h4, h5, h6, p, ul.menu > li > a {
			font-family: 'Segoe UI', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
	font-size: 16px;
}

body#page .grid-box article.item, /* Statische Seiten */
body#page.page.isblog.wp-archive.wp-category > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block > div#main.grid-block > div#maininner.grid-box > section#content.grid-block > div#system > div.items.items-col-1.grid-block > div.grid-box.width100 > article.item {
    background-color: #faf8f5; /* f7f7f7 */
    border: 1px solid #ece7dd; /* e4e4e4 */
    padding: 0.01em 1.2em 1.5em 1.2em !important;
}

/* Verschiedene Farben für Kategorien */
article.item.notenmappen {
    border-top: 1px solid #83b339 !important;
}

article.item.workshops {
    border-top: 1px solid #5ea3c4 !important;
}

article.item.kurse {
    border-top: 1px solid #e89b0d !important;
}

/* ------------------------------------------------------------------- */

    @media screen and (max-width: 20em) { /* 320 */


    }

/* ------------------------------------------------------------------- */

.grid-box article.item {
    margin: 15px 0 !important;
}

/* Pages */
#block-main.grid-block {
    padding: 5px 15px 0 15px;
}

/* Notenmappen, Workshops, Kurse */
html > body#page.page.isblog.wp-archive.wp-cat-25.wp-category.wp-cat-25 > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block,
html > body#page.page.isblog.wp-archive.wp-cat-32.wp-category.wp-cat-32 > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block,
html > body#page.page.isblog.wp-archive.wp-cat-26.wp-category.wp-cat-26 > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block {
    padding: 5px 25px 0 25px;
}

/* Home */
html > body#page.page.isblog.wp-home.wp-front_page.bottom-a-line > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block {
    padding-top: 20px;
}

/* Über mich Headline */
#system article.item.no-date > header > h1.title {
    margin: 0.5em 0 !important;
    /*background-color: none;*/
}

/* Erste Überschrift bei den Beiträgen */
article.item:first-of-type h1.blog-title > a {
    color: #68b1d5;
    /*font-size: 1.4em;*/
}
/*
.page-bg > div {
    position: relative;
}

#absolute {
    position: absolute;
    width: 100% !important;
    max-width: 960px !important;
    display: block;
    margin: 0 auto;
    background: orange;
}

#absolute form {
    width: auto !important;
    float: right;
    border: 1px solid red;
}
*/

/* Weiterlesen */
a._self.pt-cv-readmore.btn.btn-success,
html > body#page.page.isblog.wp-page.wp-page-32 > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block > div#main.grid-block > div#maininner.grid-box > section#content.grid-block > div#system > article.item.no-date > div.content.clearfix > div.pt-cv-wrapper > div#pt-cv-view-363ae236wh.pt-cv-view.pt-cv-grid.pt-cv-colsys > div.pt-cv-page > div.col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-1-col > div.pt-cv-ifield > div.pt-cv-content > a._self.pt-cv-readmore.btn.btn-success {
    background: none !important;
    border: 0;
    color: black;
    padding: 0;
}

/* Hintergrund gesamte Posts-Einträge */
html > body#page.page.isblog.wp-page.wp-page-32 > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block > div#main.grid-block > div#maininner.grid-box > section#content.grid-block > div#system > article.item.no-date > div.content.clearfix > div.pt-cv-wrapper > div#pt-cv-view-363ae236wh.pt-cv-view.pt-cv-grid.pt-cv-colsys {
    background: white !important;
}

/* Hintergrund Post-Einträge */
html > body#page.page.isblog.wp-page.wp-page-32 > div#page-bg > div > div.wrapper.grid-block > div#block-main.grid-block > div#main.grid-block > div#maininner.grid-box > section#content.grid-block > div#system > article.item.no-date > div.content.clearfix > div.pt-cv-wrapper > div#pt-cv-view-363ae236wh.pt-cv-view.pt-cv-grid.pt-cv-colsys > div.pt-cv-page > div.col-md-12.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-1-col {
    /*margin: 0.5em 0 !important;
    /*background: whitesmoke !important;
    /*border-bottom: 1px solid gainsboro;*/
}
/*
div.ueberschrift, section#top-b {
    display: none !important;
    height: 0;
}
*/
/*
img.ctnimg.size-full {
    float: left;
    width: 100% !important;
    max-width: 400px;
    height: auto;
}
*/
article.item:first-of-type > p.links /*> a*/ {
    /*display: none !important;*/
}

.grid-box h3 {
    clear: both;
    display: block;
    margin-bottom: 20px !important;
}

/* Download-Button */
.grid-box a.button-primary {
    margin-top: 20px !important;
}

div#system ul {
  clear: both;
  margin: 20px 0 !important;
  padding-top: 20px; /* Fix */
}

div#system ul > li {
  margin: 0 0 15px 0;
}

div#system ul > li::first-line {
  font-weight: 600;
}

div#system strong {
  font-weight: 600;
}

article.item hr {
  float: none !important;
  display: block !important;
  width: 100% !important;
  clear: both !important; 
}

/* Notenmappen-Preise-Tabelle */
.notenmappen-preise {
	width: 100%;

}

.notenmappen-preise td {
	padding: 10px;
  vertical-align: top;
  border: 1px solid rgba(0,0,0,0.1);
}

/*.notenmappen-preise tr {
	border-bottom: 1px solid red;
}*/

.notenmappen-preise tr > td:nth-child(3) {
	white-space: nowrap;
}

/*.notenmappen-preise tr:nth-child(odd) {
	background-color: red;
}*/

.notenmappen-preise tr:hover {
	background-color: white;
}

/* Main-Nav */

nav#menu li.current a {
  color: #68b1d5;
  border-bottom: 2px solid silver;
}

nav#menu li a,
nav#menu li a:hover,
nav#menu li a:active,
nav#menu li a:visited {
   -webkit-transition: all 200ms;
   -moz-transition:    all 200ms;
   -o-transition:      all 200ms;
   -ms-transition:     all 200ms;
    transition:        all 200ms;
    text-decoration: none;
}

/* Dropdown */

/* Submenü-Eintrag weiß lassen */
.dropdown a.level2 span {
	color: white !important;
}

.dropdown a.level2:hover span, 
.dropdown a.level2.current span {
	color: white;
}

/* Wenn Submenü vorhanden, aktiven Button blau färben */
.level1.parent.active span {
  color: #68b1d5;
}

/* Wenn Submenü vorhanden, zeige Pfeil nach rechts */
.menu-dropdown a.parent:after {
	position: relative;
	display: inline-block;
	top: 4px;
	content: '\203A';
	margin-left: 6px;
}

small {
	display: inline !important;
}