/*
Theme Name: VCRP
Theme URI: http://www.vcrp.de
Author: Christopher Marx
Description: Relaunch der VCRP-Webseite
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, custom-header
Text Domain: vcrp

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elementsmai
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearingsmasonr
# Widgets
# Content
    ## Posts and pages
	## Asidestwitter
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries

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

/*@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=1e2fd8fd-e2dd-4f3a-b5aa-291979734050&fontids=1475512,1491486");*/
@font-face {
  font-family: "Avenir-Book";
  src: url("fonts/1475508/065a6b14-b2cc-446e-9428-271c570df0d9.woff2")
      format("woff2"),
    url("Fonts/1475508/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff")
      format("woff");
}

@font-face {
  font-family: "AvenirNext-Bold";
  src: url("fonts/6149645/b56355b0-7729-42a7-9f65-62c7211d078c.woff2")
      format("woff2"),
    url("Fonts/6149645/05537afc-e923-4df9-b365-71798fbd220d.woff")
      format("woff");
}

@font-face {
  font-family: "Caladea";
  src: url("fonts/Caladea-Regular_gdi.eot");
  src: url("fonts/Caladea-Regular_gdi.eot?#iefix") format("embedded-opentype"),
    url("fonts/Caladea-Regular_gdi.woff") format("woff"),
    url("fonts/Caladea-Regular_gdi.ttf") format("truetype"),
    url("fonts/Caladea-Regular_gdi.otf") format("opentype"),
    url("fonts/Caladea-Regular_gdi.svg#Caladea-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2265;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
  font-family: "AvenirNext-Bold";
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2.2rem;
  /*margin: 0.67em 0;*/
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  font-size: 18px;
  font-size: 1.3rem;
  font-family: "Avenir-Book", "Caladea", serif;
  line-height: 1.5;
  color: #404040;
  color: hsl(0, 0%, 25%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: right;
  font-weight: normal;
  font-family: "AvenirNext-Bold", sans-serif;
  color: #000;
  color: hsl(0, 0%, 0%);
  -ms-word-break: break-all;
  /*word-break: break-all;*/
  word-wrap: break-word;
  text-transform: uppercase;
  hyphens: auto;
}
.rubric-corona h1,
.rubric-podcast h1 {
  word-wrap: unset;
  hyphens: none;
}
.user-name {
  hyphens: none;
}

@media screen and (-moz-os-version: windows-win7) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Avenir Next W04 Bold", "AvenirNext-Bold", sans-serif !important;
  }
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000 !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  clear: both;
  font-family: "Avenir-Book", "Caladea", sans-serif;
  text-transform: uppercase;
  background: #313131;
  background: hsl(0, 0%, 19%);
  border: none;
  box-shadow: none;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: #fff;
  color: hsl(0, 0%, 100%);
  background: #4d4d4d;
  background: hsl(0, 0%, 30%);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: #000;
  background: hsl(0, 0%, 0%);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  padding: 8px;
  font-family: "Avenir-Book", "Caladea", sans-serif;
  color: #333; /* border: 1px solid #ccc;*/
}
p {
  margin-bottom: 0;
  margin-top: 10px;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  /*margin: 0 1.5em;*/
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 1em 0 1em 0em;
}
#site-navigation ul {
  margin: 0 0 1.5em 0em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
label {
  font-size: 1.1rem;
  margin-right: 15px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  position: relative;
  float: left;
  width: 100%;
  display: block;
  clear: both;
  font-family: "Avenir-Book", sans-serif;
  background: #0e3d51 none repeat scroll 0% 0%;
  color: #fff;
  transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  padding: 20px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #d1d9dc;
  color: #000;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  color: #fff;
  color: hsl(0, 0%, 100%);
  background: #4d4d4d;
  background: hsl(0, 0%, 30%);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  /*border: 1px solid #ccc;*/
  /*border-radius: 3px;*/
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 10px;
  max-width: 100%;
}
textarea {
  padding-left: 3px;
  width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #000;
  color: hsl(0, 0%, 0%);
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

ul#primary-menu {
  margin-left: 10px;
  margin-top: -121px;
}
.main-navigation {
  position: relative;
  /*float: left;*/
  /*width: 70%;*/
  display: table;
  font-family: "AvenirNext-Bold", "Avenir Next W04 Bold", sans-serif;
  text-transform: uppercase;
  background: transparent;
  margin: 0px auto;
  clear: both;
  margin-top: 109px;
}

@media screen and (-moz-os-version: windows-win7) {
  .main-navigation {
    font-family: "Avenir Next W04 Bold", "AvenirNext-Bold", sans-serif !important;
  }
}

.sub-menu {
  /*border-radius: 5px;*/
  border-top-left-radius: 0px;
}

@media screen and (max-width: 1520px) {
  .main-navigation {
    margin-left: 300px;
  }
}

@media screen and (max-width: 1095px) {
  .main-navigation {
    margin-left: 0;
  }
}

@media screen and (max-width: 1196px) {
  .main-navigation {
    margin-top: 210px;
    margin-left: 90px;
  }
  .site-content {
    margin-top: 0px !important;
  }
}

/*@media screen and (max-width: 1180px) {
ul#primary-menu {
    margin-left: -40px;
	margin-top: -64px;
}
}*/

@media screen and (max-width: 966px) {
  .main-navigation {
    margin-top: 210px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 940px) {
  .main-navigation {
    display: none !important;
  }
  .ms-slide .ms-slide-bgcont {
    width: 940px !important;
  }
}
.main-navigation ul {
  list-style: none;
  margin-left: 0px;
}
.main-navigation li {
  float: left;
  position: relative;
  text-align: left;
}
/*Menüpunkt VCRP*/
#menu-item-3277 {
  background: #fff;
  color: #000;
  margin-left: 0;
}
#menu-item-3277 a:focus,
#menu-item-3277 a:active,
#menu-item-3277 ul {
  background: #0e3d51;
  color: #fff;
}
.main-navigation #menu-item-3277:hover > a,
.main-navigation #menu-item-3277:focus > a,
#menu-item-3277 a:hover,
#menu-item-3277.current_page_item a,
#menu-item-3277.current_page_parent a {
  background: #0e3d51;
  color: #fff;
}
#menu-item-3277 a:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-3277:hover {
  background: #0e3d51;
  color: #fff;
}
#menu-item-3277 .current-menu-item a,
#menu-item-3277 ul li a:hover,
#menu-item-3277.current_page_parent li a:hover {
  background: #d1d9dc !important;
}
/*Menüpunkt Hochschulen*/
#menu-item-3090 {
  background: #fff;
  color: #000;
}
#menu-item-3090 a:focus,
#menu-item-3090 a:active,
#menu-item-3090 ul {
  background: #268693;
  color: #fff;
}
#menu-item-3090 a:hover,
#menu-item-3090.current_page_item a,
#menu-item-3090.current_page_parent a,
.main-navigation #menu-item-3090:hover > a,
.main-navigation #menu-item-3090:focus > a {
  background: #268693;
  color: #fff;
}
#menu-item-3090 a:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#menu-item-3090 .current-menu-item a,
#menu-item-3090 ul li a:hover,
#menu-item-3090.current_page_parent li a:hover {
  background: #a8cdd3 !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3090:hover {
  background: #268693;
  color: #fff;
}
.shiftnav-nav .menu-item-3090 {
  background: #268693 !important;
}
/*Menüpunkt Support*/
#menu-item-3096 {
  background: #fff;
  color: #000;
}
#menu-item-3096 a:focus,
#menu-item-3096 a:active,
#menu-item-3096 ul {
  background: #83c8b8;
  color: #fff;
}
#menu-item-3096 a:hover,
#menu-item-3096.current_page_item a,
#menu-item-3096.current_page_parent a,
.main-navigation #menu-item-3096:hover > a,
.main-navigation #menu-item-3096:focus > a {
  background: #83c8b8;
  color: #fff;
}
#menu-item-3096 a:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#menu-item-3096 .current-menu-item a,
#menu-item-3096 ul li a:hover,
#menu-item-3096.current_page_parent li a:hover {
  background: #cfe8e2 !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-3096:hover {
  background: #83c8b8;
  color: #fff;
}
.shiftnav-nav .menu-item-3096 {
  background: #83c8b8 !important;
}
/*Menüpunkt E-Cademy*/
#menu-item-3091 {
  background: #fff;
  color: #000;
}
#menu-item-3091 a:focus,
#menu-item-3091 a:active,
#menu-item-3091 ul,
#menu-item-3091.current_page_ancestor,
#menu-item-3091.current_page_ancestor a {
  background: #e83f33;
  color: #fff;
}
#menu-item-3091 a:hover,
#menu-item-3091.current_page_item a,
#menu-item-3091.current_page_parent a,
.main-navigation #menu-item-3091:hover > a,
.main-navigation #menu-item-3091:focus > a {
  background: #e83f33;
  color: #fff;
}
#menu-item-3091 a:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#menu-item-3091 .current-menu-item a,
#menu-item-3091 ul li a:hover,
#menu-item-3091.current_page_parent li a:hover {
  background: #f7b1af !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3091:hover {
  background: #e83f33;
  color: #fff;
}
.shiftnav-nav .menu-item-3091 {
  background: #e83f33 !important;
}
/*Menüpunkt Projekte*/
#menu-item-3089 {
  background: #fff;
  color: #000 !important;
}
#menu-item-3089 a:focus,
#menu-item-3089 a:active,
#menu-item-3089 ul {
  background: #f9af26;
  color: #fff;
}
#menu-item-3089 a:hover,
#menu-item-3089.current_page_item a,
#menu-item-3089.current_page_parent a,
.main-navigation #menu-item-3089:hover > a,
.main-navigation #menu-item-3089:focus > a {
  background: #f9af26;
  color: #fff;
}
#menu-item-3089 a:hover,
#menu-item-3089 a:focus {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#menu-item-3089 .current-menu-item a,
#menu-item-3089 ul li a:hover,
#menu-item-3089.current_page_parent li a:hover {
  background: #fae0a5 !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3089:hover {
  background: #f9af26;
  color: #fff;
}
.shiftnav-nav .menu-item-3089 {
  background: #f9af26 !important;
}
/*Menüpunkt Corona*/
#menu-item-119701 {
  background: #fff;
  color: #000 !important;
}
#menu-item-119701 a:focus,
#menu-item-119701 a:active,
#menu-item-119701 ul,
#menu-item-119701.current_page_ancestor,
#menu-item-119701.current_page_ancestor a {
  background: #41af6e !important;
  color: #fff;
}
#menu-item-119701 a:hover,
#menu-item-119701.current_page_item a,
#menu-item-119701.current_page_parent a,
.main-navigation #menu-item-119701:hover > a,
.main-navigation #menu-item-119701:focus > a {
  background: #41af6e;
  color: #fff;
}
#menu-item-119701 a:hover,
#menu-item-119701 a:focus {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#menu-item-119701 .current-menu-item a,
#menu-item-119701 ul li a:hover,
#menu-item-119701.current_page_parent li a:hover {
  background: #97e0b5 !important;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-119701:hover {
  background: #41af6e;
  color: #fff;
}
.shiftnav-nav .menu-item-119701 {
  background: #41af6e !important;
}

.footer-widgets .current-menu-parent,
.footer-widgets .current-menu-item {
  text-decoration: none;
  font-weight: normal;
}
.main-navigation a {
  display: block;
  padding: 1.3em 1em;
  font-size: 10px;
  font-size: 0.9rem;
  text-decoration: none;
  line-height: 1.3em; /*border-radius: 5px;*/
}
.main-navigation ul ul {
  position: absolute;
  left: 0;
  z-index: 99999;
  display: none;
  float: left;
  padding: 0;
  background: #4d4d4d;
  background: hsl(0, 0%, 30%);
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.main-navigation ul ul a {
  width: 260px;
  color: #fff;
}
.main-navigation ul ul li {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
  background: #313131;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  display: block;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
  background: white;
  color: #313131;
  color: hsl(0, 0%, 19%);
}
/*gerade aktiver Unterpunkt einfärben*/
.main-navigation ul ul .current_page_parent,
.main-navigation ul .current_page_ancestor,
.main-navigation .current_page_parent .current_page_item > a,
.main-navigation ul ul a:hover {
  color: #000 !important;
  background: #fff !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.menu-toggle {
  display: none;
}

@media screen and (max-width: 600px) {
  .menu-toggle {
    display: block;
    height: 3.75em;
    padding: 0 1em;
    font-family: "Avenir-Book", "Caladea", sans-serif;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 3.75em;
    color: white;
    text-align: left;
  }
  .main-navigation.toggled .nav-menu {
    display: block;
    border-top: 1px solid;
    border-top-color: #fff;
    border-top-color: hsla(0, 0%, 100%, 0.5);
    clear: both;
  }
  .main-navigation ul {
    display: none;
    padding-left: 0;
  }
  .main-navigation li {
    float: none;
  }
  .main-navigation li a {
    padding: 1.3em 2em;
  }
}

.site-main {
  padding-top: 30px;
  background: none;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  font-size: 16px;
  font-size: 1.2rem;
  font-family: "Avenir-Book", "Caladea", sans-serif;
  color: #000;
  color: hsl(0, 0%, 0%);
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  width: 50%;
  float: left;
  padding-right: 15%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  width: 50%;
  float: right;
  padding-left: 15%;
  text-align: right;
}
.nav-indicator {
  margin-bottom: 1em;
}
.nav-previous h1,
.nav-next h1 {
  font-weight: normal;
}
.post-nav-box {
  padding: 2em 0;
  margin-bottom: 4em;
  border-top: hsl(0, 0%, 80%) solid 1px;
  border-bottom: hsl(0, 0%, 80%) solid 1px;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-image img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 941px) {
  .header-links {
    display: none;
  }
  .site-branding {
    display: none;
  }
  .header-links-responsive {
    display: block;
  }
}

@media screen and (min-width: 886px) {
  .header-links {
    display: block;
  }
  .header-links-responsive {
    display: none;
  }
}
.header-links,
.header-links-responsive {
  margin-right: 10px;
  margin-bottom: 20px;
}
.header-links li,
.header-links-responsive li {
  float: left;
  list-style: none;
  padding-right: 10px;
  font-size: 0.75em;
}
.header-links li a,
.header-links-responsive li a {
  height: 30px;
  width: auto;
  font-family: "AvenirNext-Bold", sans-serif;
}

@media screen and (-moz-os-version: windows-win7) {
  .header-links li a,
  .header-links-responsive li a {
    font-family: "Avenir Next W04 Bold", "AvenirNext-Bold", sans-serif !important;
  }
}

.header-links ul,
.header-links-responsive ul {
  margin: 20px 0 0 0;
}
.header-background-image {
  background: none;
}
.header-background-image .title-box {
}
.site-branding {
  text-align: center;
  /*margin-bottom:100px;*/
  max-height: 150px;
}
.site-title {
  font-weight: normal;
  font-size: 40px;
  font-size: 4.5rem;
  text-transform: uppercase;
  line-height: normal;
  padding-bottom: 1rem;
}
.site-description {
  font-weight: 100;
  font-size: 20px;
  font-size: 2rem;
}
.title-box {
  width: 600px;
  max-width: 75%;
  padding: 4rem;
  margin-left: 20px;
  display: none;
}
.site-branding a {
  text-decoration: none;
  display: block;
  height: 135px;
  width: 225px;
}
.site-title a,
.site-description {
  display: none;
  color: #fff;
  color: hsl(0, 0%, 100%);
}

/* Header responsive */
@media screen and (max-width: 600px) {
  .site-branding {
    padding: 0;
  }
  .title-box {
    max-width: 100%;
    margin: 0;
    padding: 4rem;
    border: none;
  }
}
/* Header search */
.search-form-header {
  z-index: 1;
  position: relative;
}
.search-form-header .search-submit {
  display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.search-form-header .search-form .screen-reader-text {
  position: absolute;
  left: -9999px;
  overflow: hidden;
}
/* Add a magnifying glass background and style the search input textbox */
.search-form-header .search-field {
  background-color: transparent;
  background-image: url("images/search-black.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  height: 50px;
  /*margin: -3px 0 2px 0;*/
  padding: 0 0 0 36px;
  position: relative;
  -webkit-transition: width 400ms ease, background 400ms ease;
  -moz-transition: width 400ms ease, background 400ms ease;
  -o-transition: width 400ms ease, background 400ms ease;
  transition: width 400ms ease, background 400ms ease;
  width: 0px;
}
.search-field {
  background-color: #eee;
  color: #000;
  border: none;
  cursor: text;
  outline: 0;
  width: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  height: 50px;
  font-family: "Avenir-Book";
}

.search-form-header .search-field:active,
.search-form-header .search-field:focus {
  background-color: #eee;
  color: #000;
  border: none;
  cursor: text;
  outline: 0;
  width: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 2px;
  height: 50px;
  font-family: "Avenir-Book";
}
.search-form-header .search-form:before {
  position: absolute; /* this is the key to put it visually inside the search field */
  font-size: 19px;
  font-weight: normal;
  top: 5px; /* tune this vertical alignment inside the search field, as needed */
  left: 5px; /* tune this horizontal alignment inside the search field, as needed */
}
input[type="search"] {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  font-size: 0.9em;
  margin-bottom: 15px;
}
.search-box-wrapper {
  z-index: 2;
  width: 100%;
  display: none;
}
.search-box {
  padding: 1em;
  background: #4d4d4d;
  background: hsl(0, 0%, 30%);
}
.search-box .search-field {
  max-width: 362px;
  float: right;
  padding: 1rem 2rem 1rem 4rem;
  font-size: 20px;
  font-size: 2rem;
  background-color: #fff;
  border: 0;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 4em;
  font-family: "Avenir-Book", sans-serif;
  font-size: 16px;
  font-size: 1.3rem;
}
.widget-title {
  margin-bottom: 1em;
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: 2px solid #000;
}
.widget a {
  font-weight: normal;
  color: #000;
  color: hsl(0, 0%, 0%);
}
.widget ul,
.widget ol {
  padding: 0;
  margin: -1em 0 0;
  list-style-type: none;
}
.widget li {
  padding: 1em 0 0;
}
.widget li ul,
.widget li ol {
  margin-top: 0;
}
.widget li li {
  margin-left: 1.9em;
}
widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before {
  display: block;
  float: left;
  padding-top: 2px;
  margin-left: -2.5em;
  font-family: "fontawesome";
  font-size: 14px;
  font-size: 1.4rem;
}
.widget_recent_entries li,
.widget_recent_comments li {
  margin: 0 0 0.5em 2.5em;
}
.widget_recent_entries li:before {
  content: "\f187";
}
.widget_recent_comments li:before {
  content: "\f075";
}
.widget_archive li {
  margin: 0 0 0 2.5em;
}
.widget_archive li:before {
  content: "\f187";
}
.widget_nav_menu a,
.widget_pages a {
  display: block;
  padding: 1em;
  border-bottom: solid 1px hsl(0, 0%, 90%);
}
.widget_nav_menu li,
.widget_pages li {
  padding-top: 0;
}
.widget_rss li {
  margin-bottom: 0.5em;
}
.widget_rss .rss-date,
.widget_rss cite {
  display: block;
  font-size: 85%;
}
/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
  display: none;
}
/*Footer Menu*/

.menu-image-title-before {
  font-size: 1.1rem;
  margin-left: -10px;
}
#nav_menu-2 {
  float: left;
  width: 100% !important;
  font-size: 0.75em;
}
#menu-footermenue {
  width: 100%;
  margin: 0px auto;
  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;
  -webkit-justify-content: center;
  justify-content: center;
}
.footer-widgets {
  margin: 0px auto;
  font-size: 0.75em;
  max-width: 830px;
}

@media screen and (max-width: 941px) {
  #footer-widgets {
    width: 100% !important;
  }
  .footer-widgets .widget {
    display: none;
  }
}
.footer-widgets .sub-menu {
  margin-left: -25px;
}
.footer-widgets a {
  border: none;
}
.footer-widgets .widget-title,
.footer-widgets .widget a:hover {
  color: #fff;
  color: hsl(0, 0%, 100%);
  border-color: #fff;
  border-color: hsl(0, 0%, 100%);
}
.footer-widgets .widget {
  float: left;
  width: 320px;
}
.footer-widgets li {
  float: left;
}
.footer-widgets li li {
  float: none;
}
.footer-widgets li #menu-item-1755 a {
  text-decoration: underline;
}
.footer-widgets .widget ul {
  padding-right: 20px;
}
#menu-item-1870 {
  min-width: 133px;
}
/* Footer widgets responsive */

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.content-area-one-column {
  /*max-width:600px;
	max-width:60rem;*/
  margin: 0 auto;
}

@media screen and (max-width: 877px) {
  .content-area-one-column {
    margin-top: -40px;
  }
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/* Typography */
.entry-title {
  margin: 0 0 2rem;
  font-weight: normal;
  font-size: 20px;
  font-size: 1.8rem;
  line-height: 1.3em;
  color: #000;
  color: hsl(0, 0%, 0%);
  display: none;
}
.entry-content a {
  text-decoration: underline;
  color: #34a7a3;
}

.suchresultat h2 {
  color: #000;
}

.post .entry-content p,
.suchresultat .entry-content p {
  clear: both;
}
.entry-content a:hover,
.suchresultat a:hover {
  text-decoration: underline;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 35px;
  margin-bottom: 5px;
}
.entry-content h1,
h1 {
  font-size: 28px;
  font-size: 1.8rem;
}
.entry-content h2,
h2 {
  font-size: 26px;
  font-size: 1.6rem;
}
.entry-content h3,
h3 {
  font-size: 24px;
  font-size: 1.4rem;
}
.entry-content h4,
h4 {
  font-size: 22px;
  font-size: 1.2rem;
}
.entry-content h5,
h5 {
  font-size: 20px;
  font-size: 1.2rem;
}
.entry-content h6,
h6 {
  font-size: 18px;
  font-size: 1rem;
}

.entry-content blockquote p {
  font-size: 22px;
  font-size: 1.5rem;
  line-height: 1.5em;
}

.nav-links h2 {
  font-size: 1.2rem;
}

/* Smaller fonts for smaller screens */
@media screen and (max-width: 680px) {
  .entry-title {
    font-size: 18px;
    font-size: 1.6rem;
    line-height: 1em;
  }
  h1 {
    font-size: 18px;
    font-size: 1.4rem;
  }
  h2 {
    font-size: 16px;
    font-size: 1.2rem;
  }
  h3 {
    font-size: 14px;
    font-size: 1rem;
  }
  h4 {
    font-size: 12px;
    font-size: 1rem;
  }
  h5 {
    font-size: 10px;
    font-size: 1rem;
  }
  h6 {
    font-size: 10px;
    font-size: 1rem;
  }
  p,
  ul,
  ol,
  li {
    font-size: 10px;
    font-size: 1rem;
  }
  blockquote p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1em;
  }

  .nav-links h2 {
    font-size: 1.3rem;
  }
}
/* Meta */
.category-list {
  margin: 1.3em 0 0;
  font-family: "Avenir-Book", "Caladea", sans-serif;
  font-size: 14px;
  font-size: 1.2rem;
}
.category-list a {
  color: #333;
  color: hsl(0, 0%, 10%);
}
.category-list a:hover {
  color: #000;
  color: hsl(0, 0%, 0%);
}
.entry-meta {
  margin-bottom: 2rem;
  padding: 0;
  font-family: "Avenir-Book", "Caladea", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}
.entry-meta a {
  font-weight: normal;
}
.entry-footer {
  margin-bottom: 3rem !important;
  margin-top: 1rem !important;
  font-family: "Avenir-Book", "Caladea", sans-serif;
  font-size: 12px;
  font-size: 1.2rem !important;
  line-height: 1.8em;
}
.entry-footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.entry-footer li {
  display: inline-block;
  margin-right: 4rem;
}
.entry-footer a {
  margin-left: 0.5rem;
}
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/* Blockquotes */
blockquote {
  padding: 1em 1.5em 0;
  margin-bottom: 1em;
  font-style: italic;
  border-top: solid 1px hsl(0, 0%, 80%);
  border-bottom: solid 1px hsl(0, 0%, 80%);
}
blockquote em {
  font-style: normal;
}
blockquote cite {
  display: block;
  margin-top: 1em;
  margin-left: 40%;
  font-size: 14px;
  font-size: 1.3rem;
  font-family: "Avenir-Book", "Caladea", sans-serif;
  font-style: normal;
  line-height: 1.5em;
  text-align: right;
}
blockquote.alignleft {
  width: 50%;
  float: left;
  padding: 1em 0 0;
  margin-right: 2em;
}
blockquote.alignright {
  width: 50%;
  float: right;
  padding: 1em 0 0;
  margin-left: 2em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
.post-thumbnail {
  float: left;
  margin-right: 20px;
}
.post-thumbnail img {
  height: 200px;
  width: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  padding-top: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Avenir-Book", sans-serif;
  background: none;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  position: relative;
  max-width: 100%;
  float: left;
  margin-right: 3.333333333%;
  margin-bottom: 3rem;
  background: #333;
  overflow: hidden;
}
.gallery a img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border: none;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  max-height: 50%;
  width: 100%;
  padding: 6px 8px;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  background-color: hsla(0, 0%, 0%, 0.8);
  opacity: 0;
}
.gallery-item:hover .gallery-caption {
  opacity: 1;
}
/*--------------------------------------------------------------
 Footer
--------------------------------------------------------------*/

.site-footer {
  padding: 2em;
  font-family: "Avenir-Book", "Lato";
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  color: hsl(0, 0%, 100%);
  background: #313131;
  background: hsl(0, 0%, 19%);
}
.site-footer a {
  color: #fff;
  color: hsl(0, 0%, 100%);
}
.site-info {
  text-align: center;
}

#menu-item-3065 {
  min-width: 133px;
}
/*--------------------------------------------------------------
Startseite plus drei Spalten
--------------------------------------------------------------*/
.vcrp-description {
  padding: 40px;
  background-image: url("images/description.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  min-height: 300px;
  margin-top: 0px;
}
.vcrp-description p {
  width: 70%;

  margin: 0px auto;
  padding: 40px 0;
}

@media screen and (min-width: 940px) {
  .ms-slide-info {
    /*width: 60% !important;*/
    /*margin-left: auto !important;
	margin-right: auto !important;*/
  }
  .frontpage-columns-template {
    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+ */
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1100px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
  }
  /*
.left-column, 
.middle-column, 
.right-column{
	float:left;
	width:33%;
	padding: 40px;
}

.left-column img, 
.middle-column img, 
.right-column img{
	height: 250px;
	width: 100%;
}
*/

  .upper-page-column,
  .upper-page-column-ecademy,
  .upper-page-column-projekte {
    float: left;
    width: 100%;
  }
  .upper-page-column-ecademy {
    width: 25%;
  }
  .upper-page-column img,
  .upper-page-column-ecademy img {
    width: 100px;
    max-height: 100px;
    float: left;
    margin-right: 25px;
    margin-left: -125px;
    margin-top: 7px;
  }
  .upper-page-column-ecademy img {
    float: none;
  }
  .upper-page-column-projekte img {
    max-width: 100px;
    float: left;
    margin-right: 25px;
  }
  .front-page-column {
    float: left;
    max-width: 250px;
    margin-right: 20px;
  }
  /*

.upper-page-column{
	float:left;	
	max-width:250px;
	margin-right:20px;
}
.upper-page-column-ecademy{
	float:left;	
	max-width:200px;
	margin-right:20px;
}

.upper-page-column p,
.upper-page-column-ecademy p{
	max-width: 300px;
}*/

  /*.ms-slide-info.ms-dir-h {
	  display: -webkit-box;      
  display: -moz-box;         
  display: -ms-flexbox;      
  display: -webkit-flex;    
  display:flex;
  -webkit-justify-content: center;
	justify-content: center;
}*/
}

@media screen and (min-width: 940px) {
  .front-page-columns-template {
    width: 100%;
    margin-left: 0;
    padding: 20px;
    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;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1146px) {
  .front-page-columns-template {
    width: 140%;
    margin-left: -20%;
    padding: 20px;
    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;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/*
@media screen and (min-width: 940px)  {
.upper-page-columns-template{
	width: 100%;
	margin-left:0;	
	padding: 20px;
	  display: -webkit-box;      
  display: -moz-box;         
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display:flex;
  -webkit-justify-content: center;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
}

@media screen and (min-width: 1146px)  {
.upper-page-columns-template{
	width: 140%;	
	margin-left:-20%;
	padding: 20px;
	  display: -webkit-box;      
  display: -moz-box;         
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display:flex;
  -webkit-justify-content: center;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
}
*/

@media screen and (min-width: 941px) and (max-width: 1155px) {
  .upper-page-column img,
  .front-page-column img,
  .upper-page-column-ecademy img {
    width: 100px;
    float: left;
    margin-right: 25px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 940px) {
  .ms-slide-info {
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .vcrp-description p {
    width: 100%;
    margin: 0px auto;
  }
  .frontpage-columns-template {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    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;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
  }
  /*
.left-column, 
.middle-column, 
.right-column{
	float:left;
	width:100%;
	padding:10px;
	border-bottom: 2px solid #313131;
}
*/

  .upper-page-column,
  .front-page-column,
  .upper-page-column-ecademy {
    float: left;
    width: 100%;
    padding: 10px;
  }
  .upper-page-column img,
  .front-page-column img,
  .upper-page-column-ecademy img {
    width: 100px;
    float: left;
    margin-right: 25px;
  }
  /*
.left-column img, 
.middle-column img, 
.right-column img{
	width:100px;
	height: 100px;
}
*/
}

@media screen and (max-width: 972px) {
  .ms-slide-info {
    margin-left: 36px !important;
  }

  .rubric-vcrp-box,
  .rubric-hochschulen-box,
  .rubric-support-box,
  .rubric-ecademy-box,
  .rubric-projekte-box,
  .rubric-sonstiges-box,
  .rubric-veranstaltungen-box,
  .rubric-corona-box,
  .rubric-podcast-box {
    width: 95%;
    margin-left: 36px;
  }
}

@media screen and (max-width: 600px) {
  .ms-slide-info {
    margin-left: auto !important;
    margin-top: 100px !important;
  }
}

/*--------------------------------------------------------------
Rubrik Slider in jeweiliger Farbe und Text in Box, Schatten, etc.
--------------------------------------------------------------*/
.rubric-vcrp,
.rubric-hochschulen,
.rubric-support,
.rubric-ecademy,
.rubric-projekte,
.rubric-sonstiges,
.rubric-veranstaltungen,
.rubric-corona,
.rubric-podcast,
.rubric-stellenanzeige {
  height: 300px;
  margin-top: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0px;
}
.rubric-veranstaltungen {
  overflow: hidden;
}
.rubric-vcrp {
  background-image: url("images/rubric-vcrp.jpg");
}
.rubric-stellenanzeige {
  background-image: url("images/rubric-stellenanzeige3.jpg");
  background-position: center;
}
.rubric-hochschulen {
  background-image: url("images/rubric-hochschulen.jpg");
}
.rubric-support {
  background-image: url("images/rubric-support.jpg");
}
.rubric-ecademy {
  background-image: url("images/rubric-ecademy.jpg");
}
.rubric-projekte {
  background-image: url("images/rubric-projekte.jpg");
}
.rubric-sonstiges {
  background-image: url("images/rubric-sonstiges.jpg");
}
.rubric-corona {
  background-image: url("images/rubric-corona.jpg");
}

.rubric-podcast {
  background-image: url("images/rubric-podcast.jpg");
}
/*.rubric-vcrp-box, 
.rubric-hochschulen-box,
.rubric-support-box,
.rubric-ecademy-box,
.rubric-projekte-box{
	display:table;	 
	margin:0 auto;
	margin-top: 60px;
}*/

.rubric-vcrp-box,
.rubric-hochschulen-box,
.rubric-support-box,
.rubric-ecademy-box,
.rubric-projekte-box,
.rubric-sonstiges-box,
.rubric-veranstaltungen-box,
.rubric-corona-box,
.rubric-podcast-box {
  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;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.rubric-vcrp ul,
.rubric-hochschulen ul,
.rubric-support ul,
.rubric-ecademy ul,
.rubric-projekte ul,
.rubric-sonstiges ul,
.rubric-veranstaltungen ul,
.rubric-corona ul,
.rubric-podcast ul {
  margin-left: 0px;
}
.rubric-vcrp h1,
.rubric-hochschulen h1,
.rubric-support h1,
.rubric-ecademy h1,
.rubric-projekte h1,
.rubric-sonstiges h1,
.rubric-veranstaltungen h1,
.rubric-corona h1,
.rubric-podcast h1,
.rubric-stellenanzeige h1,
.post-title {
  padding: 15px;
  /*padding-right: 50px;*/
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 5px #000;
  min-width: 250px;
  max-width: 500px;
  margin-bottom: 0px;
  margin-top: -10px;
}
.rubric-vcrp .post-meta,
.rubric-hochschulen .post-meta,
.rubric-support .post-meta,
.rubric-ecademy .post-meta,
.rubric-projekte .post-meta,
.rubric-sonstiges .post-meta,
.rubric-corona .post-meta,
.rubric-stellenanzeige .post-meta,
.rubric-podcast .post-meta {
  padding: 15px;
  color: #fff;
  font-family: "Avenir-Book", "Lato", sans-serif;
  list-style: none;
  text-shadow: 0 0 5px #000;
  max-width: 600px;
  /*margin-top: 0px;*/
}

@media screen and (max-width: 550px) {
  .rubric-vcrp,
  .rubric-hochschulen,
  .rubric-support,
  .rubric-ecademy,
  .rubric-projekte,
  .rubric-sonstiges,
  .rubric-veranstaltungen,
  .rubric-corona,
  .rubric-podcast,
  .rubric-stellenanzeige {
    height: 150px;
    margin-top: 0px;
  }

  .rubric-vcrp-box,
  .rubric-hochschulen-box,
  .rubric-support-box,
  .rubric-ecademy-box,
  .rubric-projekte-box,
  .rubric-sonstiges-box,
  .rubric-veranstaltungen-box,
  .rubric-corona-box,
  .rubric-podcast-box {
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .rubric-vcrp-box h1,
  .rubric-hochschulen-box h1,
  .rubric-support-box h1,
  .rubric-ecademy-box h1,
  .rubric-projekte-box h1,
  .rubric-sonstiges-box h1,
  .rubric-veranstaltungen-box h1,
  .rubric-corona-box h1,
  .rubric-podcast-box h1 {
    margin-top: 0px;
  }
  .rubric-vcrp .post-meta,
  .rubric-hochschulen .post-meta,
  .rubric-support .post-meta,
  .rubric-ecademy .post-meta,
  .rubric-projekte .post-meta,
  .rubric-sonstiges .post-meta,
  .rubric-veranstaltungen .post-meta,
  .rubric-corona .post-meta,
  .rubric-podcast .post-meta,
  .rubric-stellenanzeige .post-meta {
    display: inline;
    padding-top: 0;
    margin-top: 0;
    max-width: none;
    width: 100%;
    font-size: 0.9rem;
  }
  .rubric-vcrp h1,
  .rubric-hochschulen h1,
  .rubric-support h1,
  .rubric-ecademy h1,
  .rubric-projekte h1,
  .rubric-sonstiges h1,
  .rubric-veranstaltungen h1,
  .rubric-corona h1,
  .rubric-podcast h1,
  .rubric-stellenanzeige h1 {
    width: 100%;
  }
}
.post-meta-key {
  display: none;
}
/*--------------------------------------------------------------
Slider-Text mit Box, etc.
--------------------------------------------------------------*/
.ms-slide-info {
  position: absolute;
  /*margin-top: -300px !important;*/
  margin-top: 165px !important;
  margin-bottom: 105px;
  width: 1000px;
  height: 0px;
}
.ms-info h2,
.ms-info p,
.rubric-veranstaltungen h1,
.rubric-veranstaltungen .post-meta {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
  /*box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.75);*/
  padding: 10px !important;
  display: table;
  /*border-radius: 5px;*/
  color: #fff;
  margin-bottom: -10px;
}

.rubric-veranstaltungen .post-meta {
  margin-bottom: 10px !important;
  height: 63px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.ms-info p {
  font-family: "Avenir-Book", "Lato", sans-serif;
}
.ms-info a {
  color: #fff !important;
}
.ms-slide-info.ms-dir-h {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.ms-container {
  margin-bottom: -320px !important;
}

/*--------------------------------------------------------------
Bilder in Menü in richtiger Größe
--------------------------------------------------------------*/
.menu-item a.menu-image-title-after.menu-image-not-hovered img,
.menu-item
  a.menu-image-hovered.menu-image-title-after
  .menu-image-hover-wrapper {
  height: 40px;
}
/*--------------------------------------------------------------
Responsive Hamburger Icon/Logo Size
--------------------------------------------------------------*/
.click-menu-image {
  height: 50px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75);
}
#responsive-menu .RMImage {
  height: 50px;
}
/*--------------------------------------------------------------
404-Error-Page
--------------------------------------------------------------*/

.404-page-header h1,
.404-page-content {
  width: 60%;
  margin: 0 auto;
  background: #b0a5a5 !important;
}
/*--------------------------------------------------------------
Hovereffekt bei Kacheln
--------------------------------------------------------------*/
.kachel {
  width: 300px;
  height: 200px;
  margin: 10px;
  float: left;
  border: 10px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
  background: #fff url(images/news.png) no-repeat center center;
}
.kachel .kachel-ueberflug,
.kachel .kachel-inhalt {
  width: 300px;
  height: 200px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.kachel img {
  display: block;
  position: relative;
}
.kachel h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  margin: 20px 0 0 0;
}
.kachel p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
}
.kachel a.kachel-weiterlesen {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}
.kachel a.kachel-weiterlesen:hover {
  box-shadow: 0 0 5px #000;
}
.kachel-effekt img {
  transition: all 0.2s ease-in;
}
.kachel-effekt .kachel-ueberflug {
  background-color: rgba(115, 146, 184, 0.7);
  width: 300px;
  padding: 60px;
  height: 300px;
  opacity: 0;
  transform: translate(265px, 145px) rotate(45deg);
  transition: all 0.2s ease-in-out;
}
.kachel-effekt h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  transform: translate(200px, -200px);
  transition: all 0.2s ease-in-out;
}
.kachel-effekt p {
  transform: translate(-200px, 200px);
  transition: all 0.2s ease-in-out;
}
.kachel-effekt a.kachel-weiterlesen {
  transform: translate(0px, 100px);
  transition: all 0.2s 0.1s ease-in-out;
}
.kachel-effekt:hover .kachel-ueberflug {
  opacity: 1;
  transform: translate(-0px, -105px) rotate(90deg);
}
.kachel-effekt:hover h2 {
  transform: translate(0px, 0px);
  transition-delay: 0.3s;
}
.kachel-effekt:hover p {
  transform: translate(0px, 0px);
  transition-delay: 0.4s;
}
.kachel-effekt:hover a.kachel-weiterlesen {
  transform: translate(0px, -15px);
  transition-delay: 0.5s;
}
/*--------------------------------------------------------------
Button kostenfplichtiges Anmelden verstecken
--------------------------------------------------------------*/

#anmeldung {
  visibility: hidden;
}
#anmeldungkostenpflichtig {
  margin-top: -112px;
}
span.wpcf7-list-item {
  margin-left: 0;
}
/*--------------------------------------------------------------
Button OLAT-Link
--------------------------------------------------------------*/

#olat-link {
  float: right;
  background: #022648;
  padding-right: 0;
  /*border-radius: 5px;*/
  line-height: -moz-block-height;
  margin-top: -8px;
  margin-right: 10px;
  height: 40px;
  width: 90px;
  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;
  -webkit-justify-content: center;
  justify-content: center;
  transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
}
#olat-link a {
  color: #fff;
  align-self: center;
  height: 20px;
}
#olat-link:hover {
  background: #09559d;
  color: #fff;
}
/*--------------------------------------------------------------
Dreispaltig mit Flexbox
--------------------------------------------------------------*/

.flex-container-dreispaltig {
  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;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
.flex-item-linke-spalte,
.flex-item-mittlere-spalte,
.flex-item-rechte-spalte {
}
/*--------------------------------------------------------------
Kompletter Content mit Flexbox
--------------------------------------------------------------*/

.seiteninhalt {
  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;
  -webkit-justify-content: center;
  justify-content: center;
}
.seiteninhalt-item {
  max-width: 900px;
  width: 100%;
}
.seiteninhalt-item p,
.seiteninhalt-item h1,
.seiteninhalt-item h2,
.seiteninhalt-item h3,
.seiteninhalt-item h4,
.seiteninhalt-item h5,
.seiteninhalt-item h6,
.seiteninhalt-item img {
  word-wrap: break-word;
  /*margin-top: 0;*/
}
/*Social Icons im Header*/
.sfsiplus_norm_row.sfsi_plus_wDiv {
  position: relative !important;
  margin-top: -7px;
}
/* Sticky Header */
#thsp-sticky-header-menu {
  float: right;
  text-align: right;
  padding-left: 0px;
}
#thsp-sticky-header a {
  font-family: AvenirNext-Bold;
  font-size: 13px;
  text-transform: uppercase;
}

@media screen and (-moz-os-version: windows-win7) {
  #thsp-sticky-header a {
    font-family: "Avenir Next W04 Bold", "AvenirNext-Bold", sans-serif !important;
  }
}
#thsp-sticky-header a:hover {
  color: #fff;
}
#thsp-sticky-header-menu li {
  padding: 5px;
  margin-left: 0px !important;
}
#thsp-sticky-header a:hover {
  color: #fff !important;
}
#thsp-sticky-header-title img {
  height: 40px;
  margin-top: 6px;
}

@media screen and (max-width: 878px) {
  #thsp-sticky-header-menu {
    display: none;
  }
}

/*Pulsierender Play Button*/

/*
     * FadeIn animation
    */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*
     * FadeOut animation
    */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.ms-slide-vpbtn {
  top: 83% !important;
  width: 90px !important;
  height: 90px !important;
  background: #022648 url(images/play_dreieck.png) no-repeat 25px 20px !important;
  border-radius: 100px;
  margin: -50px 0 0 -50px !important;
  -webkit-animation-name: fadeOut;
  -webkit-animation-duration: 3500ms;
  -webkit-animation-iteration-count: 100;
  -webkit-animation-timing-function: fade-out;
  -webkit-animation-fill-mode: forwards;
  animation-name: fadeOut;
  animation-duration: 3s;
  animation-iteration-count: 100;
  animation-timing-function: fade-out;
  animation-fill-mode: forwards;
}
/*
     * Masonry gestylt
    */

.masonry-startseite {
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
}

.kategorie_twitter .cactus_masonry_databox {
  bottom: unset !important;
}

.cactus_masonry_databox .cm_title {
  font-size: 1.5rem !important;
  font-family: AvenirNext-Bold;
  text-transform: uppercase;
  color: #000;
}

div.masonry_post_gallery {
  margin-top: 0px !important;
}

@media screen and (-moz-os-version: windows-win7) {
  .cactus_masonry_databox .cm_title {
    font-family: "Avenir Next W04 Bold", "AvenirNext-Bold", sans-serif !important;
  }
}

.cactus_masonry_databox .cm_custom,
.cactus_masonry_databox .cm_exerpt {
  font-size: 1.1rem !important;
  font-family: "Avenir-Book", "Caladea";
  margin-top: 20px;
}
.kategorie_twitter .cactus_masonry_databox .cm_custom,
.kategorie_twitter .cactus_masonry_databox .cm_exerpt {
  margin-top: 0 !important;
}
.masonry_brick {
  min-width: 250px;
  min-height: 200px;
  width: 24.9% !important;
  padding-left: 25px !important;
}
.cactus_masonry_databox {
  z-index: 15 !important;
  color: #000 !important;
  background: #fff !important;
}

.cm_date {
  font-size: 0.9rem !important;
}
.kategorie_twitter .cm_date {
  margin-bottom: -30px;
  margin-left: 10px;
  color: #fff;
}
.cactus_masonry_databox .cm_categories {
  font-size: 0.9rem !important;
  margin: 0 !important;
  font-family: "Avenir-Book";
  margin-bottom: -26px !important;
  margin-top: 20px !important;
}
.cactus_masonry_databox .cm_categories span {
  padding-left: 0px !important;
}

.masonry_brick_a {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.masonry_brick a {
  text-decoration: none;
}

@media screen and (min-width: 1091px) and (max-width: 1275px) {
  .masonry_brick {
    width: 33% !important;
    max-width: 33% !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 1090px) {
  .masonry_brick {
    width: 48% !important;
    max-width: 48% !important;
  }
}

@media screen and (max-width: 1090px) {
  .cactus_masonry_databox .cm_custom,
  .cactus_masonry_databox .cm_exerpt {
    display: none;
  }
  .kategorie_twitter .cactus_masonry_databox .cm_custom,
  .kategorie_twitter .cactus_masonry_databox .cm_exerpt {
    display: block;
  }
  .cactus_masonry_databox .cm_title {
    font-size: 1.1rem !important;
  }
}
@media screen and (max-width: 600px) {
  .masonry_brick {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.masonry_brick_a.kategorie_twitter {
  overflow: visible !important;
}

a.masonry_brick_a:hover div.cactus_masonry_cropped,
a.masonry_brick_a:hover img.masonry_brick_img,
div.masonry_brick_a:hover div.cactus_masonry_cropped,
div.masonry_brick_a:hover img.masonry_brick_img {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
}
img.masonry_brick_img {
  min-height: 400px;
  width: 100% !important;
  max-height: 700px !important;
}
img.masonry_brick_img:hover {
  opacity: 1 !important;
}
.kategorie_twitter img.masonry_brick_img {
  min-height: 0;
}

/*Suchresultate*/

.suchresultat-link a {
  color: #939393;
}
.suchresultat-link a:hover,
.suchresultat-link h4 a:hover {
  text-decoration: underline;
}
.suchresultat-link h4 a {
  color: #000 !important;
}
.suchresultat-link h4 {
  margin-top: 50px;
  clear: both;
}
.suchresultat-bild img {
  margin-bottom: 50px;
}
/*Social Icons*/
.sfsiplus_norm_row.sfsi_plus_wDiv {
  width: 100% !important;

  text-align: center !important;
}
#sfsi_holder {
  display: none;
}
/*Startseite Banner */

.startseite-banner {
  margin-top: -40px;
  display: -webkit-box;
  display: -moz-box;
  /*background-image: url(https://www.vcrp.de/wp-content/uploads/Flag_of_Ukraine.svg.png)!important;
    background-size: contain;
    background-position: 50%!important;*/
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #eee;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.startseite-banner a {
  color: #2f2f2f;
  text-decoration: none;
}
.startseite-banner a:hover {
  opacity: 0.7;
  text-decoration: none;
}
/*Beitragsbild in einem Beitrag als Header*/
.beitrag-header {
  height: 300px;
  margin-top: 30px;
  overflow: hidden;
  background-image: url("images/beitragsheader.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  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;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.error-header,
.suche-header {
  height: 300px;
  margin-top: 30px;
  overflow: hidden;
  background-image: url("images/rubric-sonstiges.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  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;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
/*Author Page*/
.author-picture,
.author-picture-small {
  /*float: left;*/
  width: 100%;
  margin-right: 20px;
}
.author-picture-small img {
  /*border-radius: 50px;*/
  height: 100px;
  width: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}
.author-picture img {
  /*border-radius: 100px;*/
  /*height: 200px;*/
  width: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}
.user-avatar img {
  width: 100%;
}

.single-author-title {
  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;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
}
.single-author-title h2 {
  margin-top: 4px !important;
}

.user-name {
  margin-top: 10px;
}

.user-all a,
#single-author a,
.kontaktbox a,
.projektinfos a,
.single-author-title a {
  color: #939393;
}

#single-author {
  background: #eee;
  padding: 25px;
  margin-bottom: 25px;
}

.kontaktbox li,
.projektinfos li {
  list-style: none;
}

/*Bilder im Footermenü weg*/
#wprmenu_menu .menu-image-title-after img,
.menu-footermenue-container .menu-image-title-after img,
.menu-image-title-before img,
.sub-menu img.menu-image.menu-image-title-after {
  display: none !important;
}

.shiftnav-target .menu-image.menu-image-title-after {
  display: none;
}

.menu-image-title-after.menu-image-title {
  padding-left: 0px;
}

/*Kategorieseite: Platz zwischen einzelnen Beiträgen*/
.archive .post,
.suchresultat {
  margin-bottom: 100px;
  background: #eee;
  padding: 25px;
}

.archive .post h1,
.suchresultat h1,
.archive .post h2,
.suchresultat h2,
.archive .post h3,
.suchresultat h3,
.archive .post h4,
.suchresultat h4,
.archive .post h5,
.suchresultat h5,
.archive .post h6,
.suchresultat h6,
.box-grau h3 {
  margin-top: 0;
}

.archive .entry-footer {
  display: none;
}

/*Team-Seite*/
.user-all,
.kontaktbox,
.projektinfos {
  width: 30%;
  min-width: 250px;
  margin-bottom: 50px;
  background: #eee;
  padding: 25px;
}

.user-all {
  -webkit-flex-basis: 40%;
  flex-basis: 27%;
  margin-left: 25px;
  margin-right: 25px;
}

.kontaktbox {
  width: 47%;
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
  margin-top: 25px;
}

.projektinfos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
  margin-top: 25px;
}
.projektinfos .user1,
.projektinfos .user2,
.projektinfos .projektdetails {
  flex-basis: 45%;
}

.projektinfos .author-picture img {
  margin-bottom: 0px;
}
.projektdetails h3 {
  margin-bottom: 15px;
}

.user1 {
  margin-bottom: 25px;
}
.kontaktbox h1,
.kontaktbox h2,
.kontaktbox h3,
.kontaktbox h4,
.kontaktbox h5,
.kontaktbox h6,
.projektinfos h1,
.projektinfos h2,
.projektinfos h3,
.projektinfos h4,
.projektinfos h5,
.projektinfos h6 {
  margin-top: 0;
  margin-bottom: 5px;
}

#users-team,
#users-geschaeftsfuehrung,
#users-hiwis {
  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;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.1rem;
}

.team-headlines {
  margin-left: 25px;
}

@media screen and (max-width: 1220px) {
  #users-team,
  #users-geschaeftsfuehrung,
  #users-hiwis {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 950px) {
  .user-all,
  .kontaktbox {
    -webkit-flex-basis: 40%;
    flex-basis: 40%;
    margin-left: 0px;
    margin-right: 0px;
  }
  #users-team,
  #users-geschaeftsfuehrung,
  #users-hiwis {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .team-headlines {
    margin-left: 0px;
  }
}

@media screen and (max-width: 550px) {
  .kontaktbox {
    width: 100%;
  }
  .user-all,
  .kontaktbox,
  .flex-50,
  .flex-47 {
    -webkit-flex-basis: 100% !important;
    flex-basis: 100% !important;
  }
}

/*Logo im Header responsive*/
.header-logo {
  margin-top: 0px;
  /*margin-left: 50px;*/
  height: auto;
  width: 230px;
}
.header-logo img {
  width: 100% !important;
  height: auto !important;
}
.header-logo-mini {
  display: none;
}

@media screen and (max-width: 1390px) {
  .header-logo {
    margin-left: 0;
    height: 88px;
    width: 206px;
  }
  .main-navigation {
    margin-left: 250px;
  }
}
@media screen and (max-width: 1340px) {
  .header-logo {
    display: none;
  }
  .header-logo-mini {
    display: block;
    margin-top: 0px;
    margin-left: 0px;
    height: 88px;
    width: 123px;
  }
  .main-navigation {
    margin-left: 160px;
  }
}

@media screen and (max-width: 1238px) {
  .header-links {
    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;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .header-logo {
    display: block;
  }
  .header-logo-mini {
    display: none;
  }
  .main-navigation {
    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;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 122px;
    margin-bottom: -40px;
    margin-left: 0px;
  }

  .search-form-header {
    margin-left: 80px;
    margin-top: 31px;
  }
}

/*Social Icons im Footer*/
.social-icons img {
  height: 30px;
  opacity: 0.6;
}
.social-icons img:hover {
  opacity: 1;
}

/* Kommentarfeld*/
.comment-list {
  background: #eee;
  padding: 25px;
}

.comment {
  margin-left: 25px;
  margin-bottom: 25px;
}

.comment-metadata,
.reply {
  font-size: 1rem;
}

.comment-content p {
  margin-top: 10px;
}

ol.children {
  margin-top: 25px;
}

/*
 * Sticky Header sub-menu
 */
#thsp-sticky-header {
  padding-bottom: 0px;
}
#thsp-sticky-header,
#thsp-sticky-header li:hover a {
  color: #fff !important;
}

.admin-bar #thsp-sticky-header {
  top: 24px;
}
#thsp-sticky-header .sub-menu {
  margin: 0 auto !important;
  margin-left: -5px !important;
  padding: 0 !important;
  position: absolute;
  display: none;
  background-color: #fff;
  width: 220px;
  margin-top: 8px !important;
}
#thsp-sticky-header .sub-menu li.menu-item a {
  line-height: normal !important;
  color: #fff !important;
}

#thsp-sticky-header #thsp-sticky-header-menu > li {
  padding-bottom: 8px;
}
#thsp-sticky-header .sub-menu li.menu-item {
  display: block !important;
  text-align: left !important;
  margin: 0px !important;
}
#thsp-sticky-header .sub-menu li.menu-item a {
  padding: 15px 20px !important;
}
#thsp-sticky-header .menu li:hover .sub-menu {
  display: block;
}

.menu-item-3277 ul.sub-menu {
  background: #0e3d51 !important;
}
.menu-item-3277 ul.sub-menu li:hover {
  background: #d1d9dc !important;
  color: #000 !important;
}

.menu-item-3090 ul.sub-menu {
  background: #268693 !important;
}
.menu-item-3090 ul.sub-menu li:hover {
  background: #a8cdd3 !important;
  color: #000 !important;
}

.menu-item-3096 ul.sub-menu {
  background: #83c8b8 !important;
}
.menu-item-3096 ul.sub-menu li:hover {
  background: #cfe8e2 !important;
  color: #000 !important;
}

.menu-item-3091 ul.sub-menu {
  background: #e83f33 !important;
}
.menu-item-3091 ul.sub-menu li:hover {
  background: #f7b1af !important;
  color: #000 !important;
}
.menu-item-3091 ul.sub-menu li a:hover {
  color: #000 !important;
}

.menu-item-3089 ul.sub-menu {
  background: #f9af26 !important;
}
.menu-item-3089 ul.sub-menu li:hover {
  background: #fae0a5 !important;
  color: #000 !important;
}
.menu-item-3089 ul.sub-menu li a:hover {
  color: #000 !important;
}

.menu-item-119701 ul.sub-menu {
  background: #41af6e !important;
}
.menu-item-119701 ul.sub-menu li:hover {
  background: #97e0b5 !important;
  color: #000 !important;
}
.menu-item-119701 ul.sub-menu li a:hover {
  color: #000 !important;
}

#thsp-sticky-header .menu li:hover .sub-menu li:hover > a {
  font-size: 0.8rem !important;
  color: #fff !important;
}

#thsp-sticky-header #menu-item-3091.current_page_parent a {
  color: #fff !important;
}

/* Logos auf Projektseiten */
.projekt-logos img {
  max-height: 100px;
  width: auto;
}
.projekt-logos {
  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;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 25px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*Gestaltung Standort-Seite*/
.flex-between {
  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;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.box-grau {
  min-width: 250px;
  margin-bottom: 50px;
  background: #eee;
  padding: 25px;
}

.flex-50 {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}

.flex-47 {
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
}

.box-grau-vcrp.flex-47.flex-31 {
  -webkit-flex-basis: 31%;
  flex-basis: 31%;
}

.flex-center {
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-100 {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}

/*Masonry Style für verschiedene Kategorien*/
.kategorie_twitter img.masonry_brick_img.size-thumbnail {
  /*background-image: url(https://www2.vcrp.de/wp-content/themes/vcrp/images/twitter-bg-dunkel.jpg);*/
  background: #0e3d51 !important;
  height: 0px !important;
}
/*.masonry_brick_a.kategorie_twitter {
    height: 200px;
}*/
.kategorie_twitter .cactus_masonry_databox {
  background-color: #0e3d51 !important;
  padding: 0 30px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  /* margin-top: 0; */
  /* position: relative; */
}

/*Responsive Menu*/
.shiftnav {
  background: #0e3d51 !important;
  color: #fff;
}
.shiftnav a {
  color: #fff !important;
}

.shiftnav-inner {
  padding: 10px !important;
}

.shiftnav-depth-0 {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
.shiftnav-depth-1 {
  padding-left: 15px !important;
}

.shiftnav-main-toggle-content img {
  margin-top: -7px;
}

/*Raphaels Ergaenzung*/
.shiftnav ul.shiftnav-menu {
  font-family: "AvenirNext-Bold", sans-serif;
  text-transform: uppercase;
}

.shiftnav-inner {
  padding: 0 !important;
}

.shiftnav ul.shiftnav-menu li.menu-item {
  padding: 2px 10px !important;
}

.shiftnav-depth-0 {
  border-bottom: none;
}

.menu-image-title-before {
  font-size: 1.2rem;
}

.shiftnav-depth-1 {
  padding-top: 5px !important;
}

.shiftnav-depth-1 .menu-image-title {
  font-size: 1rem !important;
}

#menu-item-3104 {
  background: #268693;
}

#menu-item-3108 {
  background: #83c8b8;
}

#menu-item-3111 {
  background: #e83f33;
}

#menu-item-3101 {
  background: #f9af26;
}
/*Masonry für Kategorien darstellen*/

.kategorie_twitter a.weiterlesen:after {
  content: url(https://www.vcrp.de/wp-content/themes/vcrp/images/twitter-masonry.png);
  display: block;
  clear: both;
  float: right;
  margin-left: 10px;
}

.kategorie_twitter .weiterlesen {
  float: right;
  font-size: 0.9rem;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
}

.weiterlesen {
  float: right;
  font-size: 0.9rem;
}

.upper-page-column-weiterlesen {
  float: right;
}

.kategorie_twitter .cm_categories {
  display: none;
}
.kategorie_twitter .cm_title {
  display: none;
}
.kategorie_twitter .tweet_text {
  color: #fff;
  padding: 10px;
}

.tweet_text {
  line-height: 1.3;
}

/*Shortcode Accordion*/
.su-spoiler-style-fancy,
.su-spoiler-style-fancy > .su-spoiler-title {
  border-radius: 0;
}

.su-spoiler-style-fancy > .su-spoiler-title {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  background: #eee !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.su-spoiler-style-fancy {
  border: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  padding-bottom: 10px;
}

.su-spoiler-icon {
  margin-top: 3px;
}

.cookie-notice-container {
  border-top: 2px solid #fff;
}

@media screen and (max-width: 750px) {
  .cookie-notice-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #cn-notice-text {
    width: 100%;
    margin-bottom: 10px;
  }
}

#cookie-notice .button {
  background: #fff;
  padding: 10px;
}

/*Fix für Internet Explorer*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .main-navigation {
    display: inline;
  }
  .masonry-startseite {
    width: 100%;
    margin: 0 auto;
    margin-top: 200px;
  }
}

/*Kontaktformular*/
.wpcf7-list-item-label {
  margin-right: 15px;
}

/*Ansicht einzelnes Event: Detailbox stylen*/
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
  width: 100%;
  float: right;
}

/*Woocommerce: Checkout Seite anpassen*/
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  display: none;
}

.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
  float: left;
}

/*List View bei The Events Calendar minimalisieren*/
.tribe-events-list-event-title {
  margin-top: 0px !important;
}

.tribe-events-loop .tribe-events-event-meta {
  float: left;
  font-size: 1.2rem;
  margin: 0px 25px 0px 0px !important;
}

/*Link zum Google Kalender bei einer Veranstaltung ausblenden*/
.tribe-events-gcal.tribe-events-button {
  display: none !important;
}

/*Übersicht auf der Checkout-Seite ausblenden, auf der nochmal die Veranstaltung und Kosten aufgelistet sind*/
.woocommerce-checkout-review-order-table {
  display: none;
}

.tribe-events-style-full .tribe-events-tickets-title {
  font-family: "AvenirNext-Bold", sans-serif !important;
}

/*Bild bei Eventseite kleiner*/
.tribe-events-event-image img {
  height: 250px !important;
  max-width: 100% !important;
  width: auto;
  float: left;
  margin-right: 25px;
}
/*Link zu "allen Veranstaltungen" weg*/
.tribe-events-back {
  display: none;
}

/*Beitragsübersicht*/
.monat {
  list-style: none;
}
@media screen and (max-width: 768px) {
  .single-tribe_events .tribe-events-schedule {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
  }
  .single-tribe_events .tribe-events-schedule h2 {
    font-size: 1.1rem;
  }
  .single-tribe_events .tribe-events-single-event-title {
    font-size: 1.4em;
  }
}

/*Startseite Veranstaltungen teasern*/
.veranstaltungsliste,
.anpinnliste,
.event-ticker {
  clear: both;
  background: #eee;
  margin-top: 25px;
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.anpinnliste {
  /*justify-content: space-around;*/
  padding: 25px;
}

.anpinnliste > h3,
.masonry-startseite > h3 {
  width: 100%;
  /* margin-left: 25px;*/
  margin-top: 0;
}
.masonry-startseite > h3 {
  margin-left: 25px;
}

.event-ticker-veranstaltungen {
  flex-basis: 75%;
  display: flex;
  flex-wrap: wrap;
}

.event-ticker-veranstaltungen h3 {
  margin-left: 25px;
  flex-basis: 100%;
  margin-top: 0;
}

.veranstaltung-vorschau,
.anpinn-vorschau/*,
.veranstaltung-ticker*/ {
  /*max-width: 400px;
	min-width: 300px;
	*/
  min-width: 200px;
  width: 23%;
  display: flex;
  flex-direction: column;
}

.anpinn-vorschau {
  margin: 0 0;
  margin-top: 25px;
  background: #0e3d51;
  color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.anpinn-vorschau a {
  text-decoration: none !important;
  color: #fff !important;
}
.anpinn-vorschau a:hover {
  text-decoration: underline !important;
}

.anpinn-vorschau h3 {
  margin-top: 10px;
  word-wrap: break-word;
}
.anpinn-vorschau-image {
  max-height: 250px;
  overflow: hidden;
}

.anpinn-databox {
  padding: 15px;
  font-size: 1.1rem;
}

.veranstaltung-vorschau a,
.veranstaltung-ticker a {
  text-decoration: none;
}

.veranstaltung-vorschau-image img,
.anpinn-vorschau-image img {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  /*max-height:200px;*/
  width: 100%;
  /*height:200px;*/
}

.veranstaltung-vorschau-image img:hover,
.anpinn-vorschau-image img:hover {
  opacity: 0.5;
  transition: all 0.4s linear;
}

.veranstaltung-vorschau-link-alle-veranstaltungen {
  align-self: end;
  -webkit-align-self: flex-end;
  margin-right: 25px;
}

.veranstaltung-ticker {
  float: left;
  margin-left: 25px;
  flex-basis: 30%;
}

p.veranstaltung-vorschau-datum {
  font-family: "AvenirNext-Bold";
  color: #000;
}

.entry-content {
  clear: both;
}

@media screen and (max-width: 1238px) {
  .event-ticker-veranstaltungen {
    flex-basis: 100%;
  }
  .veranstaltung-vorschau-link-alle-veranstaltungen {
    margin-left: 25px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .veranstaltung-ticker {
    flex-basis: 100%;
  }
}

/*Veranstaltungsübersicht: Breite der Details festlegen*/
.tribe-events-event-meta {
  width: 200px;
}

.tribe-events-event-url {
  background: #0e3d51;
  color: #fff;
  padding: 10px !important;
}

.tribe-event-tags + dt {
  font-size: 1rem !important;
  text-transform: uppercase;
  background: #0e3d51;
  color: #fff;
  padding: 10px;
}

.tribe-events-event-url a {
  color: #fff;
}

/*eigenes Masonry stylen*/

.ms-item {
  width: 25%;
}

@media screen and (max-width: 1220px) {
  .ms-item {
    width: 33%;
  }
}

@media screen and (max-width: 950px) {
  .ms-item {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .ms-item {
    width: 100%;
  }
}

.kategorie-twitter,
.kategorie-sonstiges {
  background: #0e3d51;
  color: #fff;
  padding: 30px;
  font-size: 1.1rem;
  margin: 3%;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
.kategorie-sonstiges {
  background-color: #fff;
  padding: 0;
}
.kategorie-sonstiges h2 {
  margin: 0;
}

.kategorie-sonstiges small {
  color: #000;
}

.masonry-post-thumbnail {
  max-height: 300px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
}
.masonry-post-thumbnail:hover {
  opacity: 0.5;
}
.masonry-databox {
  padding: 15px;
}

.kategorie-twitter a,
.kategorie-sonstiges a.weiterlesen {
  color: #34a7a3;
}
.kategorie-sonstiges a.weiterlesen {
  /* margin-top: 4px;*/
  color: #000;
}
.kategorie-twitter a.weiterlesen {
  color: #fff;
}
.kategorie-twitter a.weiterlesen::after {
  content: url(https://www.vcrp.de/wp-content/themes/vcrp/images/twitter-masonry.png);
  display: block;
  clear: both;
  float: right;
  margin-left: 10px;
}

.kategorie-twitter .entry {
  margin-bottom: -30px;
}

small {
  font-size: 0.9rem;
}

.postmetadata {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.postmetadata a {
  font-size: 0.9rem;
  color: #34a7a3;
}

/*Start: Änderungen bzgl. der Seite von Digital-transformation-rlp.de. Hiermit werden die Daten(Datums) ausgeblendet 
#post-14912 .tribe-event-date-start {
  display: none;
}

#post-14912 .tribe-event-schedule-details {
  display: none;
}

.postid-14912 .tribe-events-schedule{
	visibility: hidden;  
}

.postid-14912 .tribe-events-abbr{
	visibility: hidden;   
}

/*Ende: Änderungen bzgl. der Seite von Digital-transformation-rlp.de. Hiermit werden die Daten(Datums) ausgeblendet */

/*Style für Programm und Ablauf*/
.ablauf-grid-parent {
  display: grid;
  max-width: calc(100% - 15px);
  grid-template-columns: 25% 75%;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
.ablauf-grid-parent a {
  color: #fff;
}
.ablauf-grid-parent img {
  float: left;
  margin: 20px 20px 20px 0px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  height: 100px;
  width: 100px; /*box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);*/
}
.ablauf-box {
  /*background: #0e3d51;*/
  /*color: #fff;*/
  text-align: left;
  padding: 25px 0;
}
.ablauf-box.links,
.ablauf-box.rechts {
  border: 2px solid #0e3d51;
  border-left: none;
  border-top: none;
  border-right: none;
  margin-top: -13px;
}
.ablauf-box.links.workshops {
  grid-row-end: span 9;
}
.ablauf-box.links.vortraege {
  grid-row-end: span 2;
}

@media screen and (max-width: 650px) {
  .ablauf-grid-parent {
    grid-template-columns: 100%;
  }
}

/*Newsletter Abmelden-Button*/
.nbutton1 {
  position: relative;
  float: left;
  display: block;
  clear: both;
  font-family: "Avenir-Book", sans-serif;
  background: #0e3d51 none repeat scroll 0% 0%;
  color: #fff !important;
  transition: all 0.5s linear 0s;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  -o-transition: all 0.5s linear 0s;
  padding: 20px;
  border: none;
  box-shadow: none;
  cursor: pointer;
  overflow: visible;
  margin: 5px;
  text-decoration: none !important;
}

.nbutton1:hover {
  background: #d1d9dc;
  color: #000 !important;
}

/*Newsletter Anmeldeseite*/
.tnp-subscription {
  margin: 15px 0 !important;
}

/*Newsletter Kachel*/
.newsletterbox small,
.newsletterbox a {
  color: #fff !important;
}

.newsletterbox {
  background: #268693;
  padding: 35px;
}

/*Podcast Kachel*/
.podcastbox small,
.podcastbox a {
  color: #fff !important;
}

.podcastbox {
  background: #268693;
  padding: 0px;
  transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
}
.podcastbox:hover {
  opacity: 0.5;
}

.tribe-venue-url-label,
.tribe-venue-url {
  display: none;
}

/*Uebersichtsseite Praesenz und online*/
.praesenz-online {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.praesenz-online div {
  flex-basis: 40%;
}

.praesenz-online .su-spoiler-title {
  font-size: 1em;
  background-color: #eee;
  margin-top: 10px;
}
.praesenz-online .su-spoiler-icon {
  margin-top: 0px;
  margin-left: 5px;
}
.praesenz-online .su-spoiler-content.su-u-clearfix.su-u-trim {
  background: #eee;
}

/*Inhaltsblock*/
.content_block {
  margin-top: 25px;
}
.content_block h1,
.content_block h2,
.content_block h3,
.content_block h4,
.content_block h5,
.content_block h6 {
  margin-top: 25px;
}

#shiftnav-toggle-main .shiftnav-toggle-burger {
  width: 10% !important;
}
li#menu-item-119703 {
  background: #41af6e;
}

.sub-menu .current_page_parent .menu-image-title-after.menu-image-not-hovered {
  color: #000 !important;
}
#menu-item-119819 .sub-menu {
  left: -99%;
  width: 100%;
}

/*Corona Startseite*/
.corona-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 12px;
}
.corona-flex h3 {
  color: #fff;
}
.corona-flex h3,
.corona-flex h6 {
  margin-top: 0px;
}

.corona-flex a,
.corona-flex a:hover {
  text-decoration: none;
}
.corona-green a {
  color: #fff;
}
.corona-green a:hover {
  font-weight: bold;
}

.corona-60,
.corona-45,
.corona-30 {
  background-color: #ddd;
  margin: 10px 0px;
}
.corona-green {
  background-color: #41af6e;
  background-image: url(https://www.vcrp.de/wp-content/themes/vcrp/images/info-icon3.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 50%;
  color: #000;
}
.corona-60 {
  flex-basis: 66%;
  background-color: #41af6e;
}
.corona-45 {
  flex-basis: 49%;
}
.corona-30 {
  flex-basis: 32%;
}
.corona-flex p,
.corona-flex ul {
  font-size: 0.8em;
}
.corona-flex ul {
  margin-left: 0px;
}

.corona-flex img,
.corona-flex h3,
.corona-flex h6 {
  margin-bottom: -20px;
}
.corona-flex img {
  margin-bottom: -30px;
}
.corona-flex a:hover img {
  opacity: 0.5;
}
.corona-flex h6,
.corona-flex p,
.corona-flex h3 {
  padding: 10px;
}

.corona-flex .su-spoiler {
  margin: 0px 10px;
  margin-bottom: 10px;
}
.corona-flex .su-spoiler-content {
  padding: 0px !important;
  font-size: 0.8em;
}
.corona-flex .su-spoiler-title {
  color: #fff;
  font-weight: normal;
  font-size: 0.8em;
}
.corona-flex .su-spoiler ul,
.corona-flex .su-spoiler p {
  font-size: 1em;
}
.corona-green p,
.corona-green h3 {
  padding: 10px 15px;
}

.corona-flex h6 {
  margin-top: 25px;
}

.wp-playlist-current-item {
  overflow: hidden;
  margin-bottom: 10px;
  height: 60px;
  margin-top: 10px;
}

/*Mixed Media Wall*/
span.mg_overlay_tit {
  background: #ffffffd9;
  padding: 20px;
  border-radius: 0px;
  width: 100%;
}
.mgi_item_type_ol {
  border-bottom-color: #ffffffd9 !important;
}
.mgi_item_type_ol span:before {
  color: #000000 !important;
}
.mg_button_filters .mgf,
.mg_textual_filters .mgf:after {
  background-color: #3f6575 !important;
  border: none !important;
  color: #fff !important;
}
a.mgf.mgf_selected {
  background-color: #fff !important;
  border: 2px solid #3f6575 !important;
}
a.mgf.mgf_selected:hover,
a.mgf:hover {
  background-color: #fff !important;
}
.mg_grid_wrap {
  min-width: 100px;
  width: 80% !important;
  margin: 0 auto;
  display: block;
}
.mmw-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 30px;
  background-color: #3f6575;
  color: #fff;
}

.mmw-intro {
  flex-basis: 50%;
}

.mmw-grid {
  flex-basis: 45%;
  margin-top: 45px;
}
.mg_item_content a {
  text-decoration: underline;
}

@media screen and (max-width: 800px) {
  .mmw-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
  }
  .mmw-intro {
    flex-basis: 100%;
  }

  .mmw-grid {
    flex-basis: 100%;
    margin-top: 25px;
  }
  .mg_grid_wrap {
    width: 100% !important;
  }
}

a.read-more {
  display: none;
}

.entry-content li {
  margin-left: 30px;
}
img.vp-img {
  width: 100%;
  max-width: 400px;
}
.vp-flex.vp-flex-no-border.vp-vt-locally {
  max-width: 1000px;
  height: auto;
}

.entry-content h2,
.entry-content h3 {
  scroll-margin-top: 5em;
}

.page-id-121921 h1 {
  max-width: 800px;
}

/*Carousel Kachel Startseite*/

.home .ms-item .ms-parent-id-7,
.home .ms-item .ms-inner-controls-cont {
  max-width: none !important;
}
.home .ms-item .ms-view,
.home .ms-item .ms-slide {
  width: 100% !important;
}
.home .ms-item .ms-sl-selected {
  z-index: 1;
}

@media screen and (max-width: 1095px) {
  .home .ms-item .ms-slide .ms-slide-bgcont {
    width: 100% !important;
  }
}

.carousel-slider {
  display: block;
  width: 25%;
  padding-bottom: 0px;
  margin-bottom: 15px;
  max-height: 430px;
  overflow: hidden;
}
.carousel-slider:before {
  content: "";
  float: left;
  padding-top: 100%;
}
@media screen and (max-width: 1220px) {
  .carousel-slider {
    width: 33%;
  }
}
@media screen and (max-width: 950px) {
  .carousel-slider {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .carousel-slider {
    width: 100%;
  }
}

/*Sidebar*/
.sidebar-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 25px;
}
.sidebar-content #secondary {
  padding: 0;
  width: 300px;
}
@media screen and (max-width: 1300px) {
  .sidebar-content #secondary {
    padding: 0;
    width: 200px;
  }
}
@media screen and (max-width: 1166px) {
  .sidebar-content #secondary {
    padding: 0;
    width: 100%;
  }
  .widget_nav_menu a,
  .widget_pages a {
    padding: 0.5em;
  }
}
.sidebar-content #secondary h1 {
  margin-top: 35px;
  font-size: 1.6rem;
}

.sidebar-content img.menu-image.menu-image-title-after {
  display: none;
}
.sidebar-content a.menu-image-title-after {
  padding-left: 0;
}
#secondary .current-menu-item {
  margin-left: 20px;
  font-style: italic;
}

.category-carousel-videoserver .entry-content {
  height: 600px;
}
.category-carousel-videoserver .entry-content .ms-slide-bgcont {
  width: 100% !important;
}

/*Über uns*/
.ueber-uns-container {
  background: #eee;
  padding: 15px 20px;
  margin-bottom: 35px;
}
.uber-uns-element-left,
.uber-uns-element-right {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 30px 25px;
}
.uber-uns-element-right {
  flex-direction: row-reverse;
}
.ueber-uns-container img {
  max-height: 270px;
  width: auto;
}
.uber-uns-element-text {
  width: 35%;
  align-self: center;
}
.uber-uns-element-text strong {
  color: #268692;
}
@media screen and (max-width: 940px) {
  .ueber-uns-container img {
    max-height: 180px;
  }
}
@media screen and (max-width: 680px) {
  .ueber-uns-container img {
    max-height: 130px;
  }
}
@media screen and (max-width: 580px) {
  .ueber-uns-container img {
    display: none;
  }
  .uber-uns-element-left,
  .uber-uns-element-right {
    justify-content: start;
    flex-direction: row !important;
  }
  .uber-uns-element-text {
    width: 100%;
  }
}

.tools-overview {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tools-overview p {
  width: 46%;
}
@media screen and (max-width: 941px) {
  .tools-overview p {
    width: 98%;
  }
}
.ukraine-taube {
  background-image: url(https://www.vcrp.de/wp-content/uploads/ukrainetaube.jpg);
  height: 130px;
  width: 200px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  /* position: relative; */
  margin-left: 40px;
  margin-top: 0;
  align-self: center;
}

.box-grau-vcrp {
  min-width: 250px;
  margin-bottom: 50px;
  background: #fff;
  font-size: 1.1rem;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.box-grau-vcrp img {
  width: 100%;
  display: block;
  transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
}
.box-grau-vcrp img:hover {
  opacity: 0.5;
}

.box-grau-vcrp h3,
.box-grau-vcrp p {
  padding: 0 25px;
}
.box-grau-vcrp p {
  padding-bottom: 25px;
}
.box-grau-vcrp h3 {
  margin-top: 0;
  color: #268692;
}
@media screen and (max-width: 768px) {
  .tribe-events-loop .tribe-events-event-meta {
    background: none;
    border: none;
    margin-top: 12px;
    padding: 12px 0 15px;
  }
}

/* Der Beschreibungstext im Titel der Seite für Micro- und Nanodegrees wird hiermit ausgeblendet*/

.page-id-123251 .rubric-projekte .rubric-projekte-box p {
  display: none;
}

.kategorien-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 0.1fr 0.1fr 0.1fr 2fr 0.1fr 0.1fr 0.1fr 0.1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "kategorie-a kategorie-b kategorie-c"
    "kategorie-a-bezeichnung kategorie-b-bezeichnung kategorie-c-bezeichnung"
    "foerderung-titel foerderung-titel foerderung-titel"
    "kategorie-a-foerderung kategorie-b-foerderung kategorie-c-foerderung"
    "max-laenge-projektskizze max-laenge-projektskizze max-laenge-projektskizze"
    "kategorie-a-laenge kategorie-b-laenge kategorie-c-laenge"
    "max-summe max-summe max-summe"
    "kategorie-a-summe kategorie-b-summe kategorie-c-summe";
  padding-top: 20px;
  margin-top: 15px;
}
.kategorien-mobil {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.kategorien-mobil div {
  flex-basis: 100%;
}

.kategorie-a {
  grid-area: kategorie-a;
}

.kategorie-b {
  grid-area: kategorie-b;
}

.kategorie-c {
  grid-area: kategorie-c;
}

.kategorie-a-bezeichnung {
  grid-area: kategorie-a-bezeichnung;
}

.kategorie-b-bezeichnung {
  grid-area: kategorie-b-bezeichnung;
}

.kategorie-c-bezeichnung {
  grid-area: kategorie-c-bezeichnung;
}

.foerderung-titel {
  grid-area: foerderung-titel;
}

.foerderung-titel-a {
  grid-area: foerderung-titel-a;
}

.foerderung-titel-b {
  grid-area: foerderung-titel-b;
}

.foerderung-titel-c {
  grid-area: foerderung-titel-c;
}

.kategorie-a-foerderung {
  grid-area: kategorie-a-foerderung;
}

.kategorie-b-foerderung {
  grid-area: kategorie-b-foerderung;
}

.kategorie-c-foerderung {
  grid-area: kategorie-c-foerderung;
}

.max-laenge-projektskizze {
  grid-area: max-laenge-projektskizze;
}

.max-laenge-projektskizze-a {
  grid-area: max-laenge-projektskizze-a;
}

.max-laenge-projektskizze-b {
  grid-area: max-laenge-projektskizze-b;
}

.max-laenge-projektskizze-c {
  grid-area: max-laenge-projektskizze-c;
}

.kategorie-a-laenge {
  grid-area: kategorie-a-laenge;
}

.kategorie-b-laenge {
  grid-area: kategorie-b-laenge;
}

.kategorie-c-laenge {
  grid-area: kategorie-c-laenge;
}

.max-summe {
  grid-area: max-summe;
}

.max-summe-a {
  grid-area: max-summe-a;
}

.max-summe-b {
  grid-area: max-summe-b;
}

.max-summe-c {
  grid-area: max-summe-c;
}

.kategorie-a-summe {
  grid-area: kategorie-a-summe;
}

.kategorie-b-summe {
  grid-area: kategorie-b-summe;
}

.kategorie-c-summe {
  grid-area: kategorie-c-summe;
}

.kategorien-container img,
.kategorien-mobil img {
  width: 70px;
}
.kategorie-a,
.kategorie-b,
.kategorie-c,
.foerderung-titel,
.foerderung-titel-a,
.foerderung-titel-b,
.foerderung-titel-c,
.max-laenge-projektskizze,
.max-laenge-projektskizze-a,
.max-laenge-projektskizze-b,
.max-laenge-projektskizze-c,
.max-summe,
.max-summe-a,
.max-summe-b,
.max-summe-c {
  background: #268693;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.kategorie-a,
.kategorie-b {
  border-right: 3px solid #fff;
}

.kategorien-mobil .kategorie-a,
.kategorien-mobil .kategorie-b {
  border-right: 0px solid #fff;
}
.kategorie-a,
.kategorie-b,
.kategorie-c {
  /*padding-top: 20px;*/
}
.kategorie-a-bezeichnung,
.kategorie-b-bezeichnung,
.kategorie-c-bezeichnung {
  background: #0e3d51;
  color: #fff;
  padding: 10px;
  text-align: center;
  border-right: 3px solid #fff;
}
.kategorie-c-bezeichnung {
  border-right: 0px solid #fff;
}
.kategorien-mobil .kategorie-a-bezeichnung,
.kategorien-mobil .kategorie-b-bezeichnung {
  border-right: 0px solid #fff;
}
.kategorie-a-laenge,
.kategorie-b-laenge,
.kategorie-c-laenge,
.kategorie-a-summe,
.kategorie-b-summe,
.kategorie-c-summe {
  text-align: center;
  padding: 10px;
  background: #eee;
  border-right: 3px solid #fff;
}
.kategorie-c-summe,
.kategorie-c-laenge {
  border-right: 0px solid #fff;
}

.kategorien-mobil .kategorie-a-summe,
.kategorien-mobil .kategorie-a-laenge,
.kategorien-mobil .kategorie-b-summe,
.kategorien-mobil .kategorie-b-laenge {
  border-right: 0px solid #fff;
}
.kategorie-a-foerderung,
.kategorie-b-foerderung,
.kategorie-c-foerderung {
  padding: 10px;
  background: #eee;
  border-right: 3px solid #fff;
}
.kategorie-c-foerderung {
  border-right: 0px solid #fff;
}
.kategorien-mobil .kategorie-a-foerderung,
.kategorien-mobil .kategorie-b-foerderung {
  border-right: 0px solid #fff;
}
/*.kategorie-c img{
	height: 80px;
	width: auto;
}*/
.kategorien-container ul,
.kategorien-mobil ul {
  padding-left: 0;
}
.foerderung-titel,
.foerderung-titel-a,
.foerderung-titel-b,
.foerderung-titel-c {
  border-top: 3px solid #fff;
}
.button-projektskizze {
  display: block;
  width: 50%;
  margin: 0 auto;
  background: #268693;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
  padding: 20px;
  transition: 0.5s all ease-in;
}
.button-projektskizze:hover {
  background: #0e3d51;
}

.kategorien-mobil {
  display: none;
}
@media screen and (max-width: 700px) {
  .kategorien-mobil {
    display: flex;
  }
  .kategorien-container {
    display: none;
  }
}

.design-guide-iframe {
  max-width: 150%;
  width: 150%;
  margin-left: -25%;
}

@media screen and (max-width: 1350px) {
  .design-guide-iframe {
    max-width: 120%;
    width: 120%;
    margin-left: -10%;
  }
}

@media screen and (max-width: 1100px) {
  .design-guide-iframe {
    max-width: 98%;
    width: 98%;
    margin-left: 0%;
  }
}
.page-id-123275 .rubric-projekte,
.page-id-123200 .rubric-projekte,
.page-id-123341 .rubric-projekte,
.page-id-123455 .rubric-projekte,
.page-id-123637 .rubric-projekte,
.page-id-123618 .rubric-projekte,
.page-id-123774 .rubric-projekte {
  background-image: url("images/openedu_rlp_2.jpg");
}
.dv-panel .oer-programm h3,
.dv-panel .oer-programm h5 {
  font-size: 16px !important;
  width: max-content;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
}
.oer-programm-laufzeit {
  margin-bottom: 10px;
}
.oer-programm-verantwortlicher,
.oer-programm-laufzeit {
  display: flex;
  align-items: baseline;
}

.dv-panel p,
.oer-programm-beschreibung {
  font-size: 15px;
}
.dv-panel-inner {
  padding: 10px 30px !important;
}
.oer-programm-beschreibung {
  margin-top: 10px;
}

/*OER-Programme als Tabelle*/

.dvteamgrid img {
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
}
.dv-member-desc {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.dvteamgrid li {
  width: 100% !important;
  height: 40px !important;
}
.dvteamgrid figure {
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
}
.dvteamgrid li {
  width: 100% !important;
  height: 120px !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}
.dvteamgrid figure a {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent !important;
  transition: all ease 0.3s;
}
.dv-member-desc div:nth-child(1) {
  width: 60%;
}
.dv-member-desc div:nth-child(2) {
  width: 40%;
}
.dv-member-desc {
  width: 100%;
}

span.dv-member-name {
  width: 100%;
  font-size: 15px;
  background: none;
  padding: 0 10px !important;
  color: #404040 !important;
}
/*.dvteamgrid li:nth-child(even) figure a {
  background-color: #eee;
}
.dvteamgrid li:nth-child(odd) figure a {
  background-color: #3f6575;
}
*/
.dvteamgrid li:nth-child(even) figcaption .dv-member-desc {
  background-color: #eee;
}
.dvteamgrid li:nth-child(odd) figcaption .dv-member-desc {
  background-color: #fff;
}

.dvteamgrid li:nth-child(even) .dv-member-name {
  color: #000 !important;
}
.dvteamgrid li:nth-child(odd) .dv-member-desc div:nth-child(1) {
  border-left: 2px solid #404040;
}
.dvteamgrid li:nth-child(even) .dv-member-desc div:nth-child(1) {
  border-left: 2px solid #404040;
}

.dvteamgrid {
  height: unset !important;
}
.dvteamgrid figure .dv-member-zoom {
  opacity: 1 !important;
  margin: auto 0 auto 93% !important;
  width: 40px;
  height: 40px;
  background-color: transparent;
  cursor: pointer;
}
i.dvteamicon-info {
  margin-top: -10px;
  display: block;
}
.dv-member-info {
  background: none !important;
  color: #404040 !important;
}
.dvteamgrid li:nth-child(even) .dv-member-info {
  color: #404040 !important;
}

.dvteamgrid .dv-member-desc div {
  margin: auto 0 !important;
}
.dvteamgrid .dv-member-desc {
  bottom: 0 !important;
  height: 100%;
}
.dvteamgrid figure:hover img {
  opacity: 0 !important;
}

.dvteamgrid li:nth-child(even) i.dvteamicon-info {
  color: #3f6575;
}
.dvteamgrid figure:hover .dv-member-name,
.dvteamgrid figure:hover .dv-member-info,
.dvteamgrid figure:hover .dv-member-desc {
  /* transform: translateX(0%)!important;*/
}
figure:hover .dv-member-desc {
  width: 100%;
}
.dvteamgrid .dv-member-desc {
  cursor: default !important;
}
@media screen and (max-width: 1020px) {
  .dvteamgrid li {
    height: 140px !important;
  }
  .dv-member-desc.rmveffect {
    flex-wrap: wrap;
  }
  .dv-member-desc div:nth-child(1) {
    width: 80%;
  }
  .dvteamgrid li:nth-child(odd) .dv-member-desc div:nth-child(1) {
    border-bottom: 2px solid #404040;
    border-left: none;
    border-right: none;
    height: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .dvteamgrid li:nth-child(even) .dv-member-desc div:nth-child(1) {
    border-bottom: 2px solid #404040;
    border-left: none;
    border-right: none;
    height: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .dvteamgrid figure:hover a .dv-member-zoom.rmveffect {
    display: block !important;
  }
  .dvteamgrid figure .dv-member-zoom {
    margin: 53px 40px auto 85% !important;
  }
  .dvteamgrid figure:hover a img.rmveffect {
    opacity: 0 !important;
  }
  .dvteamgrid figure:hover .dv-member-desc div:nth-child(1) {
    width: 100%;
  }
  figure:hover .dv-member-desc {
    width: 75%;
  }
  .dv-member-desc div:nth-child(2) {
    width: 80%;
  }
  .oer-programm {
    display: flex;
    flex-wrap: wrap;
  }
  .dv-member-desc {
    display: flex;
    flex-wrap: wrap;
  }
}

.dvteamgrid .dv-member-zoom {
  cursor: pointer;
}

figure:hover a {
  background-color: #3f6575 !important;
}
figure a:before {
  content: "Weitere Informationen";
  display: none;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all ease 0.3s;
  color: #fff;
  margin-top: 5%;
}
figure:hover a:before {
  display: block;
}
.oer-projekte-akkordeon .su-spoiler-title {
  font-size: 1.4rem;
  font-weight: normal;
  font-family: "AvenirNext-Bold", sans-serif;
}

#oer-projekte-liste .dvteamgrid .dv-member-name,
#oer-projekte-liste .dvteamgrid .dv-member-info {
  font-size: 1.3rem;
  line-height: 1.3 !important;
}
.dvteamgrid .dv-member-desc div {
  line-height: 1.5;
}

.chatgpt {
  /*background-color: #f1f1f1;*/
  padding: 20px;
  border-radius: 10px;
}

.mensch,
.maschine {
  display: flex;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 80%;
}
.mensch {
  background-color: #268692;
  color: #fff;
}

.maschine {
  background-color: #f1f1f1;
  margin-left: 20%;
}

.chatgpt img {
  height: 50px;
  margin-right: 15px;
}
.chatgpt p {
  margin-top: 0;
}