@import url("basis.css");
@import url("module.css");

.skip-link {display: none;}
h2, h3, h4, h5 {font-family: "PlayfairDisplay", serif; color: var(--color-red);}
h2 {margin-bottom: 3em;}
p {font-family: "Raleway", sans-serif;}

.class_standard h2 {margin: 1em 0 0 0;}
.abstand {margin-top: 2em;}
#main-content {}
@media screen and (min-width:600px){
  #main-content {margin: auto 5em;}
}
.back-to-top-link {bottom: 5rem;}

.color-gray {background: ghostwhite; padding: 1em; margin-bottom: 2em;}
.color-dark {background: var(--color-dark); padding: 1em; margin-bottom: 2em;}
.color-red {background: var(--color-red); padding: 1em; margin-bottom: 2em;}
.color-bordeaux {background: var(--color-bordeaux); padding: 1em; margin-bottom: 2em;}
.color-lila {background: var(--color-lila); padding: 1em; margin-bottom: 2em;}
.color-lila-15 {background: var(--color-lila-15); padding: 1em; margin-bottom: 2em;}
.color-blau {background: var(--color-blau); padding: 1em; margin-bottom: 2em;}

.breadcrumb {background-color: var(--color-lila-15); margin-bottom: 1em;}

/*** Ideen & Einsichten ***/
.class_ideen-einsichten .item-content {margin-left: 5em;}
.class_ideen-einsichten .item-content h2 {margin-left: -2.5em;}
.class_ideen-einsichten .com-content-category-blog__item.blog-item {padding: 2em; background-color: var(--color-lila-15);}
.class_ideen-einsichten .item-image img {border-radius: 3em; margin-bottom: 3em;}
.class_ideen-einsichten h2 {font-weight: 700; margin-bottom: .5em;}
.class_ideen-einsichten h2.headline {font-family: "Raleway", sans-serif; font-weight: 700; font-size: 16px; color: black;  border-bottom: #cdcbcb solid 1px;}
.class_ideen-einsichten h3 {font-family: "Raleway", sans-serif; font-weight: 700; font-size: 16px; color: black;  border-bottom: #cdcbcb solid 1px;}
.class_ideen-einsichten a {color: rgb(193,2,56);}
.class_ideen-einsichten .page-header {text-align: center;}
.class_ideen-einsichten .page-header h1{margin-bottom: 1em;}
.center {text-align: center;}