/* montserrat-alternates-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/montserrat-alternates-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-alternates-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/montserrat-alternates-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-alternates-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat Alternates';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/fonts/montserrat-alternates-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 14px;
	color: #702C00;
	margin: 0;
	padding: 0;
}

#oben, #header, #inhaltsbereich, #footer {
    float: left;
    clear: both;
    width: 100%;
}

#header{
	min-height: 200px;
}

.symbol {
	display: inline-block;
}

.symbol::before {
	content: "\0040";
}

.frame,
.frame > .rahmen {
    float: left;
    clear: both;
    width: 100%;
}

h1{
	font-size: 24px;
	font-weight: 700;
}

h2{
	font-size: 20px;
	font-weight: 700;
}

a{
	color: #90C748;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* -- Bereiche -- */
.bereiche{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 50px;
}
/* -- Bereiche -- */
/* -- Inhalt -- */
.inhalt,
#inhaltsbereich.sub > .frame > .rahmen,
#footer .footerinhalt{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	float: none;
	clear: both;
}

#inhaltsbereich{
	min-height: calc(100vh - 318px) !important;
	padding-bottom: 35px;
}
/* -- Inhalt -- */
/* -- Mob Button -- */
.mob_button {
	position: absolute;
    right: 2%;
    top: 3px;
    z-index: 5;
    margin: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
	display: none;
}

.mob_button span {
	background-color: #702C00;
	height: 3px;
	left: 7px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 45px;
	transition: all 0.3s ease 0.3s;
}

.mob_button span::after, .mob_button span::before {
	backface-visibility: hidden;
	background-color: #702C00;
	content: "";
	height: 3px;
	position: absolute;
	transform: translateZ(0px);
	transition: all 0.3s ease 0.3s;
	width: 100%;
	display: block;
}

.mob_button span::before {
	transform: translateY(-12px);
}

.mob_button span::after {
	transform: translateY(12px);
}

.mobnavvisible.mob_button span {
	background-color: transparent;
}

.mobnavvisible.mob_button span::before {
	transform: translateY(0px) rotate(-45deg);
}

.mobnavvisible.mob_button span::after {
	transform: translateY(0px) rotate(45deg);
}
/* -- Mob Button -- */
/* -- Logo -- */
.logo{
	position: absolute;
    top: 25px;
	left: 10%;
	z-index: 1;
}
/* -- Logo -- */
/* -- Navi -- */
#oben{
	position: relative;
	z-index: 2;
}

.navi{
    background: rgba(144, 199, 72, 0.8);
    float: left;
    clear: both;
    width: 100%;
    position: absolute;
	top: 52px;
}

.opnavi,
.unavi {
    float: right;
    list-style-type: none;
    margin: 0;
	padding: 0;
	width: 50%;
}

.opnavi li,
.unavi li {
    float: left;
	padding: 21px 0;
	width: 20%;
	text-align: center;
}

.opnavi li a,
.unavi li a {
    color: #702C00;
    text-decoration: none;
	font-size: 20px;
	font-weight: 700;
}

.opnavi li a:hover,
.unavi li a:hover{
	text-decoration: underline;
}
/* -- Navi -- */
/* -- Headerslider -- */
.frame-bildslider .ce-gallery{
	max-height: 550px;
}

#header.sub .ce-gallery{
	max-height: 400px;
}

.owl-nav{
	position: absolute;
    right: 1%;
    bottom: 30px;
}

#header .image-embed-item{
	width: 100%;
    height: auto;
}

.owl-prev{
	background: url(/assets/img/prev.png) left top no-repeat !important;
    background-size: 100% 100% !important;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    height: 30px;
    width: 30px;
    float: left;
    margin-left: 15px;
    outline: none;
}

.owl-next{
	background: url(/assets/img/next.png) left top no-repeat !important;
    background-size: 100% 100% !important;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    height: 30px;
    width: 30px;
    float: left;
    margin-left: 15px;
    outline: none;
}
/* -- Headerslider -- */
/* -- Fortbildungen -- */
.livesearchlist{
	list-style-type: none;
    padding: 0;
    margin: 0;
}

.livesearchlist li{
	margin-bottom: 10px;
}
	/* -- News -- */

.livesearchlist li:first-child .news-list-date::before{
	content: 'Kursdatum';
}
.livesearchlist li:first-child .article h3::before{
	content: 'Kurstitel';
}
.livesearchlist li:first-child .kategorie::before{
	content: 'Kursart';
}
.livesearchlist li:first-child .news-text::before{
	content: 'Kursnummer';
}

.livesearchlist .news-list-date::before,
.livesearchlist .article h3::before,
.livesearchlist .kategorie::before,
.livesearchlist .news-text::before{
	font-weight: 700;
	margin-bottom: 15px;
	display: block;
	float: none;
	font-size: 17px;
}

.news .article {
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}

.news .article .news-img-wrap a{
	border: none;
	margin: 0;
	padding: 0;
}

.news-single .article .news-img-wrap img{
	max-height: 450px;
}

.news-backlink-wrap{
	margin-top: 50px;
}

.news-latest-container .news-list-date{
	float: left;
    width: 10%;
}

.news .news-latest-container .article h3{
	float: left;
	width: 60%;
	margin: 0;
	font-size: 16px;
}

.news-latest-container .kategorie{
	width: 15%;
	float: left;
}

.news-latest-container .kategorie .cat{
	display: block;
}

.news-latest-container .news-text{
	width: 10%;
    margin-left: 5%;
    float: left;
}

.news-latest-container .more{
	display: none;
}

.news-latest-container p{
	margin: 0;
}

.news-single .kursnummer,
.news-single .teaser-text{
	width: auto;
	display: inline-block;
}
	/* -- News -- */
/* -- Fortbildungen -- */
/* -- Dozenten -- */
.news-img-wrap {
	float: right;
}

.outer {
	float: right;
}

.mediaelement {
	float: right;
}

.pdf-fortbildungen {
	width: 144px;
	height: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	background-color: #90C748;
	color: white;
	text-align: center;
}

.frame-dozenten .ce-textpic{
	position: relative;
}

.frame-dozenten .col-25 .ce-bodytext h2 {
	background: #90c748;
    position: absolute;
    top: 370px;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    text-align: center;
}

.frame-dozenten .image-embed-item{
	width: 100%;
    height: auto;
}
/* -- Dozenten -- */
/* -- Footer -- */
#footer{
	color: #702C00;
	background: #90c748;
}

.footerinhalt > .frame{
	width: auto;
	float: left;
	clear: none;
	padding: 25px 0;
}

.footerinhalt .frame-type-menu_subpages{
	float: right;
	text-align: right;
}

#footer a{
	color: #702C00;
}

#footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1.5;
}

#footer .frame-type-textmedia ul:first-child{
	margin-right: 25px;
}
/* -- Footer -- */