/* @CHARSET "UTF-8"; */
/** kinderuni.at **/
/** Farben 
orange: #E1841C - kinderuni-wien rgb(225, 132, 28);
türkis: #0094BF - forschen rgb(0, 148, 191)
blau: #2c488a - kinderuni.online rgb(44, 72, 138) - ab 19.3.2021 statt türkis
grün: #7AB51D - tour rgb(122, 181, 29);
gelb: #FFD603, #E1841C -home - diverse rgb(255, 214, 3) 
**/
@font-face{ 
	font-family: 'MikadoMedium';
	src: url('../fonts/MikadoMedium.eot');
	src: url('../fonts/MikadoMedium.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/MikadoMedium.woff') format('woff'),
	     url('../fonts/MikadoMedium.ttf') format('truetype'),
	     url('../fonts/MikadoMedium.svg#webfont') format('svg');
}
:root {
	--base-color: #E1841C;
	--tour-color: #7AB51D;
	--ku-online-color: #2c488a;
	--dock-color: #009EE0;
	--dock-accent-color: #0079ad;
}

body{
	line-height: 1.5em;
	font-weight: 400;
}
#logo {
    max-height: 90%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: MikadoMedium;
    padding-bottom: 15px;
    line-height: 1.2em;
}
h1,h2{
	font-size: 32px;
}
h3 {
    font-size: 24px;
}

h1,h2,h3{
	color: var(--base-color);
    font-weight: 400 !important;
}
h3.blog-title{
    min-height: 60px;
    margin: 15px 0 0 0;
    font-size: 22px;
}


#home-news-headline h2::before {
	display: none;
}
strong {
    font-weight: 700;
}
#home-news-headline{
	border: none;
}
/* #main-content  */

#et-main-area{
	margin-top: 5px;
}
.kinderuni-wien h1,
.kinderuni-wien h2,
.kinderuni-wien h3,
.kinderuniwien h1,
.kinderuniwien h2,
.kinderuniwien h3{
	color: var(--base-color);
}
.dock h1,
.dock h2,
.dock h3,
.dock h1,
.dock h2,
.dock h3{
	color: var(--dock-color);
}
.kinderuni-on-tour h1,
.kinderuni-tour h1,
.kinderuni-on-tour h2,
.kinderuni-tour h2,
.kinderuni-on-tour h3,
.kinderuni-tour h3{
	color: var(--tour-color);
}
.kinderuni-forschen h1,
.kinderuni-forschen h2,
.kinderuni-forschen h3,
.forsche-und-staune h1,
.forsche-und-staune h2,
.forsche-und-staune h3,
.single-experiment h1,
.single-experiment h2,
.single-experiment h3,
.single-mini_vorlesungen h1,
.single-mini_vorlesungen h2,
.single-mini_vorlesungen h3,
.kinderuni-online h1,
.kinderuni-online h2,
.kinderuni-online h3{
	color: var(--ku-online-color);
}
.single-experiment h1{
	margin-bottom: 0;
	padding-bottom: 0;
}
/** widgets **/
.et_pb_widget div {
    padding: 0;
}
#sidebar .et_pb_widget{
    float: none;
    width: 100%;
	border-bottom: 4px dotted rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
}
.textwidget ul,
.et_pb_widget ul {
    list-style: disc;
    margin-left: 15px;
}
.textwidget ul.menu,
.et_pb_widget ul.menu {
    list-style: none;
    margin-left: 0;
}
.et_pb_widget.info .widgettitle::before{
	content: url("../icons/32x32/call-sign-circle.png");
	margin-right: 10px;
	float: left; 
}

.et_pb_widget.video .widgettitle::before{
	content: url("../icons/32x32/camera-4.png");
	margin-right: 10px;
	float: left; 
}

.et_pb_widget.heart .widgettitle::before{	
	content: url("../icons/32x32/herz-schwarz.png");
	margin-right: 10px;
	float: left; 
}
.et_pb_widget.star .widgettitle::before{
	content: url("../icons/32x32/star-black.png");
	margin-right: 10px;
	float: left; 
}
.et_pb_widget.downloads .widgettitle::before{
	content: url("../icons/32x32/arrow-download.png");
	margin-right: 5px;
	margin-left: -10px;
	float: left; 
}
.et_pb_widget .widgettitle{
	color: var(--base-color);
	border: none;
}
.kinderuni-wien .et_pb_widget .widgettitle,
.kinderuniwien .et_pb_widget .widgettitle{
	color: var(--base-color);	
}
.dock .et_pb_widget .widgettitle {
    color: var(--dock-color);
}
.kinderuni-on-tour .et_pb_widget .widgettitle,
.kinderuni-tour .et_pb_widget .widgettitle{
	color: var(--tour-color);	
}
.kinderuni-forschen .et_pb_widget .widgettitle,
.single-mini_vorlesungen .et_pb_widget .widgettitle,
.et_pb_widget.experimente .widgettitle,
.et_pb_widget.mini-vorlesung .widgettitle,
.kinderuni-online .et_pb_widget .widgettitle{
	color: #2c488a;	
}
.et_pb_button.widget_button {
    background-color: var(--base-color);
}
/** Ende widgets **/
.breadcrumbs{
	margin-top: 20px;
	margin-bottom: 25px;
	border: none;
}
.archive-meta-path{
	position: relative;
	font-style: italic;
	margin: 5px 0;
	font-weight: 500;
	padding-left: 50px;
}
.archive-meta-path::before{
	display: block;
	content: url("../icons/svg/arrow-right-black-thin.svg");
	position: absolute;
	width: 50px;
	height: 10px;
	margin-top: -10px;
	float: left;
	left: 0;
}
#et-main-area a{
	color: var(--base-color);
	font-weight: 400;
}
.kinderuni-wien #et-main-area a,
.kinderuniwien #et-main-area a{
	color: var(--base-color);
}
.dock #et-main-area a{
    color: var(--dock-color);
}
.kinderuni-on-tour #et-main-area a,
.kinderuni-tour #et-main-area a{
	color:var(--tour-color);
}
.kinderuni-forschen #et-main-area a,
.kinderuni-online #et-main-area a,
.forsche-und-staune #et-main-area a,
.single-experiment #et-main-area a,
.single-mini_vorlesungen #et-main-area a{
	color: var(--ku-online-color);
}

.kb-custom-footer{
	clear: left;
}
.kb-custom-footer .item{
	width: 35%;
	float: left;
}
.kb-custom-footer .item.facebook{
	width: 20%;
	float: left;
}
.kb-custom-footer .item.imprint-button{
	width: 45%;
	float: left;
	margin-top: 5px;
}
.kb-custom-footer .item.imprint-button a{
	margin-right: 15px;
}
.kb-custom-footer .imprint-button{
	text-align: center;
}

.kb-custom-footer .facebook{
	text-align: left;
}
/* .kb-custom-footer .et-social-facebook a.icon::before {
    content: "";
    background-color: transparent;
    padding: 0;
    border-radius: 0;
} */
/* .kb-custom-footer .et_pb_button::after, .et_pb_button::before { */
/*     font-size: 28px; */
/* } */
.kb-custom-footer .color-navi a{
	display: block;
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	background-color: var(--base-color);
	color: transparent;
	float: left;
	margin-right: 25px;
}

.kb-custom-footer .color-navi a.kinderuni-tour{
	background-color: var(--tour-color);
}
.kb-custom-footer .color-navi a.kinderuni-forschen{
	background-color: #2c488a;
	margin-right: 0;
}
#et-main-area .kb-custom-footer a.et_pb_more_button{
	border: 1px solid #fff;
	margin-top: 5px;
	color: #fff;	
}

/* .kb-custom-footer .et-social-facebook a.icon::before {
    content: url('../icons/facebook-square-footer.png');
}
 */
.experimente-tags{
	margin-left: 30px;
}
.experimente-tags::before{
	content: url("../icons/32x32/star-black.png");
	margin-right: 10px;
	float: none; 
	position: absolute;
}
.experimente-tags .tags{
	padding-left: 40px;
}
/** Experiment **/
.experiment-params{
	font-weight: 500;
}
.experiment-params img.icon{
	float: left;
	margin-right: 10px;
	height: 36px;
	width: 36px;
}
.experiment-category{
	display: inline-block;
	padding-top: 10px;
	font-weight: 500;
	margin-right: 20px;
}
.experiment-grade{
	display: inline-block;	
	height: 50px;
}
.experiment-grade::before{
	display: inline-block;
	float: left;
	content: url("../icons/svg/bulb-2.svg");
	height: 50px;
	width: 50px;
	margin-top: -15px;
}

/** Minivorlesungen, Profile **/
#person-profile-area{
	border-top: 4px dotted rgba(0, 0, 0, 0.1);
	padding-top: 25px !important;
}
#person-profile-area .et_pb_row img:hover {
    transform: scale(1.3);
}
#person-profile-area .et_pb_row img {
    transition: transform 1s;
}
#person-profile-area .item{
	margin-bottom: 0.5em;
}

/** Audio Player **/
.audio-item{
	
}
.audio-item .image-area{
	width: 25%;
	float: left;
}
.audio-item .audio-content-area{
	width: 70%;
	float: left;
	margin-left: 3%;
	padding-top: 20px;
}
.audio-item audio{
	width: 100%;
	margin-top: 10px;
}
/** Untere Page-Navigation & read more Links & Downloads **/
a.more-link::after{
	display: block;
	content: ' ';
	background: url("../icons/svg/arrow-right-3d.svg") no-repeat;
	height: 35px;
	width: 50px;
	float: right;
	margin-left: 10px;
}
.et_pb_row.prev-next-navi.has-next{
	background: url("../images/bg/kid-zeigend.png") no-repeat;
	background-position: center !important;
    background-size: 100px !important;
}
.next-page a::after,
.backlink-area a.next-page::before{
	display: block;
	content: ' ';
	background: url("../icons/svg/arrow-right-3d.svg") no-repeat;
	height: 35px;
	width: 50px;
	float: right;
	margin-left: 10px;
}
.previous-page a::before,
.backlink-area a.previous-page::before{
	display: block;
	content: ' ';
	background: url("../icons/svg/arrow-left-3d.svg") no-repeat;
	height: 35px;
	width: 50px;
	float: left;
	margin-right: 10px;	
	
}
.download-link::before {
    display: block;
    content: ' ';
    background: url("../icons/16x16/arrow-down-bw-3d.png") no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: -5px;
}
.et_pb_row.prev-next-navi{
	border: none;
}
.et_pb_row.prev-next-navi.has-next{
	height: 110px;
    background-position: center;
    background-size: 100px;
}
.et_pb_row.prev-next-navi.has-next .previous-page{
	margin-top: 40px;
}

.et_pb_row.prev-next-navi.has-next .next-page{
	margin-top: 40px;
}
/** top menu **/
#top-menu a {
    font-weight: bold;
}
#top-menu li:last-child {
    margin-right: 0;
}
/* #top-menu li.mega-menu.mega-menu-parent li li,  */
/* #top-menu li.mega-menu.mega-menu-parent li > a { */
/*     background-color: #009EE0; * dummy* */
/* } */
#top-menu > li.top-item.kinderuni-wien,
#top-menu li.mega-menu.kinderuni-wien > ul,
#top-menu li.mega-menu.kinderuni-wien.mega-menu-parent li li {
    background-color: var(--base-color);
}
#top-menu > li.top-item.kinderuni-tour,
 #top-menu li.mega-menu.kinderuni-tour > ul  {
    background-color: var(--tour-color);
}
#top-menu > li.top-item.kinderuni-forschen,
#top-menu > li.top-item.kinderuni-online,
#top-menu li.mega-menu.kinderuni-forschen  > ul,
#top-menu li.mega-menu.kinderuni-online  > ul   {
    background-color: var(--ku-online-color);
}
#top-menu > li.top-item.dock,
#top-menu li.mega-menu.dock  > ul  {
    background-color: var(--dock-color);
}
.mega-menu.top-item.kinderuni-wien .sub-menu{
	background-color: var(--base-color);
}
.mega-menu.top-item.kinderuni-tour .sub-menu{
	background-color: var(--tour-color);
}
.mega-menu.top-item.kinderuni-forschen .sub-menu,
.mega-menu.top-item.kinderuni-online .sub-menu{
	background-color: var(--ku-online-color);
}
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a{
	color: #ededed;
	background-color: transparent;
}
#top-menu > li.top-item {
    padding: 8px 10px 0px 10px;
/*     background-color: #009EE0; */
}
#top-menu li.mega-menu > ul {
    position: absolute !important;
    left: 0 !important;
    width: 100%;
    padding: 15px 20px;
/*     background-color: #009EE0; */
}
#top-menu > li.top-item.home::before {
	content: url("../icons/32x32/haus-schwarz.png");
	opacity: 0.7;
	position: absolute;
	top: 0;
}
.mobile_menu_bar::before{
	color: var(--base-color) !important;
}
.kinderuni-wien .extra-nav,
.kinderuniwien .extra-nav{
	background-color: var(--base-color);	
}
.kinderuni-on-tour .extra-nav,
.kinderuni-tour .extra-nav{
	background-color: var(--tour-color);	
}
.kinderuni-forschen .extra-nav,
.kinderuni-online .extra-nav,
.single-mini_vorlesungen .extra-nav{
	background-color: var(--ku-online-color);	
}

/** KinderuniWien Bereiche **/
.ku-wissenschaft h3{
	color: rgb(116,187,193);
}
.kinderuniwien h3{
	color: var(--base-color);		
}
/** KinderuniWien Farben **/
.ku-medizin h3{
	color: rgb(228,2,46);
}
.ku-boku h3{
	color: rgb(122,182,40);
}
.ku-vetmed h3{
	color: rgb(210,188,0);
}
.ku-wirtschaft h3{
	color: rgb(24,160,146);
}
.ku-campus h3{
	color: rgb(229,0,113);
}

/** Farbige Kastln KinderuniWien **/
/** Boxen **/
.color-box{
	padding: 10px;
    background-color: #74BBC1;
}
.color-box.ku-wien{
	background-color: #74BBC1;
}
.color-box.ku-wien h3{
	color: #333;
}

.color-box.ku-tu,
.color-box.ku-tu h3,
.color-box.ku-tu h4{
	background-color: #905169;
	color: #fff;
}
.color-box.ku-medizin,
.color-box.ku-medizin h3,
.color-box.ku-medizin h4{
	background-color: #E4022E;
	color: #fff;	
}
.color-box.ku-boku,
.color-box.ku-boku h3,
.color-box.ku-boku h4{
	background-color: #7AB628;
	color: #333;
}
.color-box.ku-vetmed,
.color-box.ku-vetmed h3,
.color-box.ku-vetmed h4{
	background-color: #D2BC00;
	color: #333;	
}
.color-box.ku-wu,
.color-box.ku-wu h3,
.color-box.ku-wu h4{
	background-color: #18A092;
	color: #fff;	
}
.color-box.ku-fh-campus,
.color-box.ku-fh-campus h3,
.color-box.ku-fh-campus h4{
	background-color: #E50071;
	color: #fff;		
}

/** Lexikon **/
h4.lexikon_term{
	padding-bottom: 0;
}
.lexikon_item{
	margin-bottom: 15px;
}
.kb_appendix{
	border-bottom: 4px dotted rgba(0, 0, 0, 0.1);
	margin-bottom: 15px;
}
.kb_appendix.kb_credits{
	border-bottom: none;
}
.kb-lexikon-term{
	cursor: pointer;
}
.kb-lexikon-term:after{
	font-family: 'FontAwesome';
	content: '\f059';
	margin-left: 5px;
	color: #666;
}

/** accordion **/
.et_pb_toggle_close {
    background-color: var(--base-color);
    padding: 20px;
}
.et_pb_toggle_open {
    padding: 20px;
}
.et_pb_toggle_close h5.et_pb_toggle_title {
 	color: #fff;
}
.et_pb_toggle_open h5.et_pb_toggle_title {
	font-size: 24px;
    color: var(--base-color);
}
.et_pb_toggle_title::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -0.5em;
    color: #ccc;
    font-size: 16px;
    content: url("../icons/svg/arrow-down-bw-3d.svg");
    height: 60px;
	width: 40px;
}

/** Listen **/
#left-area ul, .entry-content ul, 
.comment-content ul, 
body.et-pb-preview #main-content .container ul {
    line-height: 26px;
    list-style-type: none;
	margin-left: 5px;
	padding-left: 0;
	padding-bottom: 10px;
	background-color: transparent;
}
.et_pb_text ul li,
.entry-content ul li{
	padding-left: 1.5em;
	margin-bottom:0;
 	border: none;
	padding: 2px 0 5px 25px !important;
}
#left-area ul li,
.et_pb_text ul li, 
.entry-content ul li {
	border: none;
}
#left-area ul li:last-child,
.et_pb_text ul li:last-child, 
.entry-content ul li:last-child {
	border: none;
}
.et_pb_text ul li::before,
.entry-content ul li::before{
	content: ' ';
	background: url(../icons/32x32/star-black.png) no-repeat;
	background-size: 80%;
	display: inline-block;
	margin-left: -1.8em; 
	width: 1.2em; 
	height: 1.2em;
	position: absolute;
	padding-right: 5px; 
	margin-top: 3px;
}
.single-aktuell .thumb-area{
    margin-bottom: 30px;
}
/** quicklinks **/
/** temporär Sprache deaktiviert **/
.lang-item{
/* 	display: none !important; */
}
.logged-in .lang-item {
    display: block !important;
}
#top-header .container {
    padding-top: 10px;
}
#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a {
    line-height: 1.5em;
}
.active-search #quicklinks-navbar ul li.toggle-search,
#top-header .et-search-form {
    background-color: var(--base-color) !important;
}

/** visible divider **/
.et_pb_divider_0::before, .et_pb_divider::before {
    border-top-color: #bdbdbd !important;
    border-top: 4px dotted rgba(0, 0, 0, 0.1) !important;
} 
/** Suche **/
.search-submit {
	cursor: pointer;
	background: transparent;
	border: none;
	color: transparent;
	background: url("../icons/32x32/loupe-suche.png") no-repeat;
    background-size: 36px 36px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    width: 36px;
}
.search-submit span::before{
	display: none;
}

/** Quicklinks, Suche usw... **/
#et-secondary-menu {
    display: none;
}
#quicklinks-area,
#quicklinks-navbar ul li.toggle-quicklinks{
	background-color: var(--base-color);
}
/* .dock #quicklinks-area, 
.dock #quicklinks-navbar ul li.toggle-quicklinks {
    background-color: var(--dock-color);
}
.kinderuni-tour #quicklinks-area, 
.kinderuni-tour #quicklinks-navbar ul li.toggle-quicklinks {
    background-color: var(--tour-color);
}
 */
#quicklinks-navbar {
    display: block;
}
#quicklinks-navbar ul li.toggle-quicklinks {
/* 	display: none; */
	display: block;
}
.logged-in #quicklinks-navbar ul li.toggle-quicklinks {
    display: block;
}

/** Desktop  **/
@media (max-width: 1280px){
	.et_pb_row {
		width: 100% !important;
	}
}
@media all and (min-width: 981px) {
	.et_pb_section {
	    padding: 0 0 15px 0;
	    border-bottom: 4px dotted rgba(0, 0, 0, 0.1);
	    margin-bottom: 20px;
	}
    .et_header_style_left #et-top-navigation, 
    .et_header_style_split #et-top-navigation {
        top: 58px;
    }	
    .et_pb_widget_area_right,
	#sidebar {
	    border-left: 4px dotted rgba(0, 0, 0, 0.1);
	    padding-bottom: 100px;
	}		
}

@media all and (max-width: 980px) {
	.et_pb_widget_area_right,
	.et_right_sidebar #sidebar {
	    padding-left: 0;
	    border-left: none;
	    border-top: 4px dotted #ccc;
	    padding-top: 15px;
	}	
	.et_mobile_menu li.top-item.home a {
    	color: var(--base-color);
	}
	.et_mobile_menu li ul.sub-menu li a {
    	color: var(--base-color);
	}
	.et_mobile_menu li.kinderuni-tour ul.sub-menu li a {
    	color: var(--tour-color);
	}
	.et_mobile_menu li.kinderuni-tour ul.sub-menu li.nav-headline1 > a{
		color: #666;
	}
	.et_mobile_menu li.kinderuni-forschen ul.sub-menu li a,
	.et_mobile_menu li.kinderuni-online ul.sub-menu li a {
    	color: var(--ku-online-color);
	}
	.et_mobile_menu li.kinderuni-forschen ul.sub-menu li.nav-headline1 > a{
		color: #666;
	}	
	
}
@media all and (max-width: 480px) {
	.breadcrumbs {
    	margin-top: 25px;
    	margin-bottom: 0;
	}
/* 	.et_pb_row.prev-next-navi.has-next { */
/* 		background: none; */
/* 	} */
	.et_pb_row.prev-next-navi,
	.et_pb_row.prev-next-navi.has-next {
		background: none;
    	height: auto;
    	border-top: 3px dotted #ccc;
	}
	.et_pb_row.prev-next-navi.has-next .previous-page,
	.et_pb_row.prev-next-navi .previous-page {
    	margin-top: 10px;
	}
	.et_pb_row.prev-next-navi.has-next .next-page {
    	margin-top: 10px;
	}
	#page-container{
   		padding-top: 80px !important;
	}
/* 	.awesomplete { */
/* 	    display: block; */
/* 	    position: relative; */
/* 	    width: 100%; */
/* 	} */
	.awesomplete > input[type="search"] {
	    width: 90%;
	}
	.search-submit {
		position: absolute;
		top: 0;
		margin-left: 83%;
		background-size: 32px 32px;
	}
	#footer-info{
		padding: 0 10px 30px 10px;
	}
	.kb-custom-footer .item.imprint-button {
    	width: 100%;
    	text-align: center;
	}
	.kb-custom-footer .et_pb_more_button {
    	display: block !important;
	}
	.kb-custom-footer .item.imprint-button a {
		width: 90%;
		margin: auto;
		margin-bottom: 10px;
	}
	.kb-custom-footer .et-social-icons {
	    float: none;
	    display: block;
	    margin-top: 15px;
	}
	.kb-custom-footer .item.facebook {
	    width: 100%;
	    float: none;
	}
	.audio-item .image-area {
    	display: none;
	}
	.audio-item .audio-content-area {
		width: 100%;
		float: left;
		margin-left: 0;
		padding-top: 0;
	}
	
	h2{
		font-size: 24px;
	}
	.et_pb_title_container h1,
	h1 {
		font-size: 26px;
		margin-top: 20px;
	}
	.et_pb_side_nav.et-visible{
		display: none;
	}
	.et_pb_module.et_pb_gallery{
		max-height: 280px;
	}
}