/*
Theme Name: NRVK
Author: Netzformat Internetagentur
Author URI: http://www.netzformat.de/
Description: Individuelles Theme
Version: 1.0 (03-2021)
*/ 

/*
ganz helles blau #80FFFF

blau #0193CF
mittelblau #007ACC
dunkelblau #005C99
*/


/* Fonts */
@font-face {
	font-family: BundesSerifWeb;
	src: url('fonts/BundesSerifWeb-Regular.woff');
	font-weight: normal;
}

@font-face {
	font-family: BundesSerifWeb;
	src: url('fonts/BundesSerifWeb-Bold.woff');
	font-weight: bold;
}

@font-face {
	font-family: BundesSerifWeb;
	src: url('fonts/BundesSerifWeb-Italic.woff');
	font-style:italic;
}

@font-face {
	font-family: BundesSerifWeb;
	src: url('fonts/BundesSerifWeb-BoldItalic.woff');
	font-weight: bold;
	font-style:italic;
}

@font-face {
	font-family: BundesSansWeb;
	src: url('fonts/BundesSansWeb-Regular.woff');
	font-weight: normal;
}

@font-face {
	font-family: BundesSansWeb;
	src: url('fonts/BundesSansWeb-Bold.woff');
	font-weight: bold;
}

@font-face {
	font-family: BundesSansWeb;
	src: url('fonts/BundesSansWeb-Italic.woff');
	font-style:italic;
}

@font-face {
	font-family: BundesSansWeb;
	src: url('fonts/BundesSansWeb-BoldItalic.woff');
	font-weight: bold;
	font-style:italic;
}


/* Allgemeines */
* {
/*	transition:all 0.5s; */
}

html, body, div, span, h1, h2, p, blockquote, a, strong, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td {
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

html {
	scroll-behavior:smooth;
}

body {
	font-family:BundesSansWeb, sans-serif;
	font-size:18px; 
	color:#333;
}

#oben {
    position: absolute;
    top: -250px;
    visibility: hidden;
}

#content {
    position: absolute;
    top: -170px;
    visibility: hidden;

}


/* TEMP */
#infobalken {
	font-size: 0.9rem;
	text-align: center;
	background-color: #F8079D;
	color: #FFF;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	margin: 0 auto;
	z-index: 999;
	width: 350px;
	padding:1px 0px 4px 0px;
	display:none;
}


.post-edit-link  {
	position:fixed;
	top:50px;
	left:0px;
	z-index:9999;
	padding:10px 30px 10px 30px;
	color:#FFF;
	font-weight:bold;
	background-color:#000;
	text-transform:uppercase;
}


a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline:none;
}

img {
	max-width:100%;
	height:auto;
}

.clear {
	clear:both;
	width:0;
	height:0;
}

.button {
	padding:4px 15px 10px 15px; 
	border:2px solid #FFF;
	color:#FFF !important;
	margin:10px 20px 0px 0px;
	display:inline-block;
}

.button:hover {
	color: #C7E1F1 !important;
	text-decoration: none;
	border:2px solid #C7E1F1;
}


/* Boxen */
#kopf-box, #key-visual-box, #inhalt-box, #fuss-box, #logos-box {
	box-sizing:border-box;
	margin:0 auto 0 auto;
	position:relative;
}


/* Kopfbereich */
#kopf-box {
	position:fixed;
	right:0;
    left:0;
	top:0;
	margin:0 auto;
	padding:30px 50px 0px 50px;
	box-sizing:border-box;
	background-color:#FFF;
	z-index:99;
	border:0px solid #F00;
}

#kopf {
	max-width:1200px;
	margin:0 auto; 
	height:150px;
	position:relative;
	border:0px solid #000;
}


#logo1 {
	float:left;
	margin:-15px 0px 0px -15px;
}


#logo1 img {
}

#logo2 img{
	width:90px;
	height:auto;
	margin-top:7px;
}


#sprachnavi {
	position:absolute;
	top:-10px;
	right:0;
	display:flex;
	justify-content:space-between;

	border:0px solid #000;
}

#sprachnavi li {
	display:inline;
	margin-left:10px;
}


#sprachnavi li.current-lang a {
	color:#005C99;
	font-weight:bold;
}

#sprachnavi li a {
	text-transform:uppercase;
	font-size:0.9rem;
	color:#666;
}

#sprachnavi li a:hover {
	color:#005C99;
	text-decoration:none;
}


/* ############################################ */
#menu-toggle {
	display:none;
}

/* Navigation */
#site-navigation {
	position:absolute;
	right:0;
	top:40px;
	width:55%;
	border:0px solid #CC0000;
}

/* Erste Ebene */
#site-navigation ul  {
	border:0px solid #000;
	list-style:none;
	display:flex;
	justify-content:space-between;
}

#site-navigation ul li {
	position: relative;
	border:0px solid #0F0;
}

#site-navigation ul li a {
	text-transform:uppercase;
	color:#005C99;
	font-weight:bold;
}

#site-navigation ul li a:hover {
	text-decoration:none;
}

#site-navigation ul li:hover > .balken {
	width:100%;
}

#site-navigation ul ul li:hover > .balken {
	width:0;
}

.balken {
	height:3px;
	width:0;
	margin:5px auto 0 auto;
	transition: width 0.5s;
	background-color:#005C99;
}



/* Submenü */
#site-navigation ul li ul {
	position:absolute;
	top:100%;
	left:-30px;
	height:1px;
	width:1px;
	overflow:hidden;
	clip:rect(1px, 1px, 1px, 1px);
	display:flex;
	flex-direction:column;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#FFF;
	border:0px solid #0F0;
	z-index:9999;
}


/* Submenü anzeigen bei hover */
#site-navigation ul li:hover > ul {
	height:inherit;
	width:inherit;
	overflow:inherit;
	clip:inherit;
}

#site-navigation ul li li {
	background-color:#FFF;
	padding:0px 0px 3px 30px;
	width:250px;
	border:0px solid #000;

}

#site-navigation ul li li a {
	display:block;
	text-transform:none;
	font-weight:normal;
}



/* Sub-Submenü */
#site-navigation ul ul ul {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height: auto;
	width:90%;
	overflow:hidden;
	clip: rect(auto, auto, auto, auto);
	display:flex;
	flex-direction:column;
	margin-left:0px;
	border:0px solid #0C0;
	margin-top:-5px;
}

#site-navigation ul li li li {
	padding:0px 0px 3px 25px;

}


#site-navigation ul ul li:hover > ul {
	height:auto;
	width:auto;
	overflow:auto;
	clip:auto;
	overflow:hidden;
}


/* Farbe der Menüpunkte nach Zustand leer/hover/aktiv */
#site-navigation  a {
	color:#000;
}

#site-navigation ul li li a:hover {
	color:#000;
}


#site-navigation li.current-menu-item > a, 
#site-navigation li.current_page_ancestor > a,
#site-navigation li.current-menu-parent  > a {
	color:#666;
}

/* ############################################ */


#key-visual-box {
	margin-top:150px;
	position:relative;
	border:0px solid #0C0;
}

#key-visual {
	width:100%;
	height:auto;
	display:block;
}

#titel-box {
	width:1200px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	z-index:2;
	top: 30px;
	padding-left:80px;
}

#titel, #titel a {
	font-family:BundesSerifWeb, serif;
	font-size:2.4rem;
	color:#333;
	width:1200px;
	margin:0 auto;
	font-weight:bold;
}

#titel a:hover {
	text-decoration:underline;
}

#termin {
	width:1200px;
	margin:0 auto;
	margin-top:10px;
}

#digitalkongress {
	text-transform:uppercase;
	background-color:#000;
	color:#FFF;
	padding:0px 8px 4px 8px;

}

#titel2-box {
	position:absolute;
	bottom:15px;
	left:30px;
	border:0px solid #0F0;
	opacity:0;
}


#titel2-box.aktiv {
	opacity:1;
}


#titel2, #titel2 a {
	font-family:BundesSerifWeb, serif;
	font-size:1.8rem;
	font-weight:bold;
	color:#333;
}

#titel2 a:hover {
	text-decoration:underline;
}


#nrvpbutton {
	position:absolute;
	z-index:2;
	bottom:80px;
	left:0;
	padding:0px 0px 0px 15vw;
}

#nrvpbutton2 {
	position:absolute;
	z-index:2;
	bottom:30px;
	padding:0px 0px 0px 15vw;
}



#anmeldebutton {
	position:absolute;
	z-index:2;
	bottom:30px;
	border:0px solid #CCC;
	padding:0px 0px 0px 15vw;
}



/**** Inhalt ****/
#inhalt-box {
	min-height:400px;
	margin-top:30px;
	border:0px solid #F00;
	background-color:#0193CF;
	position:relative;
}


#inhalt {
	max-width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	border:0px solid #ccc;
	color:#FFF;
}

#inhalt-links {
	width:100%;
	border:0px solid #CCC;
	box-sizing:border-box;
	padding:50px 40px 50px 40px; 
}


#inhalt-rechts {
	max-width:30%;
	border:0px solid #666;
	padding:px 0px 0px 0px;
	box-sizing:border-box;
}


#inhalt h1 {
	font-family:BundesSerifWeb, serif;
	font-weight:normal;
	line-height:1.2em;
	font-size:2.0rem;
	margin:0px 0px 20px 0px;
	color:#FFF;
}

#inhalt h2 {
	font-family:BundesSansWeb, sans-serif;
	font-size:1.4rem;
	margin:30px 0px 10px 0px;
	color:#FFF;
}

#inhalt h3 {
	font-family:BundesSansWeb, sans-serif;
	font-size:1.4rem;
	color:#FFF;
	margin-bottom:5px;
	border-bottom:2px solid #FFF;
}

#inhalt p {
	margin-bottom:15px;
}


#inhalt li {
	line-height: 1.6em;
	margin-bottom: 1.0em;
	list-style: circle;
	list-style-position: outside;
	margin-left: 50px;
}

#inhalt a {
	color: #AFE0F3;
}

.wp-caption, .wp-caption img  {
	max-width:100% !important;
	height:auto !important;
}





/* Fuss */
#fuss-box {
	padding:20px 50px 0px 50px;
	box-sizing:border-box;
	margin-top:0px;
	background-color:#EFEFEF;
	background-image: url(/wp-content/themes/nrvk/images/key-visual-bg.png);
	background-repeat:no-repeat;
	background-size: cover;
/*
	background-image: url(/wp-content/themes/nrvk/images/key-visual-bg.png);
	background-repeat:no-repeat;
	background-size: cover;
*/
}


#fuss {
	max-width:1200px;
	margin:0 auto 0 auto ;
	border:0px solid #0F0;
	padding:50px 0px 120px 0px;
	color:#666;
	position:relative;

}

#logos-box {
	max-width:1200px;
	border:0px solid #0F0;
	margin-top:30px;
	display:flex;
	justify-content:space-between;
	padding:30px 0px 30px 0px;
/*
	background-color:#FFF;
*/
}

#logos {
	width:100%;
	display:flex;
	justify-content:space-between;
	border:0px solid #000;
}

#logos img {
	max-height:60px;
	width:auto;
	filter: grayscale(100%);
	opacity:0.7;
}

#logos img:hover {
	filter: grayscale(10%);
	opacity:1.0;
}

#fuss-titel {
	font-weight:bold;
	font-size:1.3em;
}

#metanavi {
	margin-top:30px;
	display:flex;
	justify-content:space-between;
}

#metanavi li {
	list-style:none;
	display:inline;
	margin-right:30px;
}

#metanavi li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#666;
	border-bottom:1px solid #e4e4e4;
}

#metanavi li a:hover {
	text-decoration:none;
	border-bottom:1px solid #666;
}

#nach-oben  {
	width:30px;
	height:40px;
	position:absolute;
	right:30px;
	top:80px;
	padding:20px 20px 5px 15px;
	transition:	padding 0.3s;
}

#nach-oben:hover  {
	padding:5px 20px 20px 15px;
}



/* ####### Programme #######  */
/* Programmübersicht */

.page-id-24 #inhalt-links,
.page-id-100 #inhalt-links {
	width:100%;
}


#programm-kurz {
	width:100%;
	border: 0;
	padding: 0;
	background-color:#FFF;
	padding: 30px;
	color: #000;
}

#programm-kurz th {
	font-size:1.2em;
	text-align:left;
	background-color:#0193CF;
	color:#FFF;
	padding:5px 0 10px 10px;
}

#programm-kurz tr {
	transition: background-color 0.6s;
}

#programm-kurz tr:hover {
	background-color:#f2f2f2;
}

#programm-kurz td {
	padding:6px 8px 4px 4px;
	vertical-align:top;

}

#programm-kurz td:first-of-type {
	color:#0193CF;
	font-weight:normal;
}

#programm-kurz td p {
	margin-bottom:0px;
	padding:0;
}

#programm-kurz td.linie {
	border-bottom:2px solid #333;
}

.block {
	font-weight:bold;
}

/* Farben */
.tuerkis a {
	color:#00878b !important;
}

td.blau a {
	color:#007193 !important;
}

.oliv a {
	color:#919e00 !important;
}

.rot a {
	color:#c30534 !important;
}

.orange a {
	color:#d5a300 !important;
}

.info {
	font-weight:bold;
	color: #000 !important;
	border-bottom:1px dotted #333;
}

.info:hover {
	text-decoration:none;
}


.sprachen {

}

.sprachen img {
	width:15px;
	height:auto;
}



#share {
	position:absolute;
	top:15px;
	right:15px;
}


/* Startseite */
#startfoto1 {
	width:300px;
	float:left;
	margin-right:100px;
}

#startfoto2 {
	display:block;
	width:300px;
}


.home #inhalt-links {
/*	text-align:justify; */
}


/* Referenten */
/* .post-type-archive-referenten */
.post-type-archive-speaker #inhalt-links, 
.category-7 #inhalt-links  {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	width:100%;
}

.post-type-archive-speaker article, 
.category-7 article {
	border:0px solid #CCC;
	text-align:center;
	margin-bottom:50px;
	width:250px;
}

.referenten-text h2 {
	margin:0px 0px 10px 0px !important;

}

.post-type-archive-speaker .referenten-text {
	max-width:300px;
}


.referenten-bild img {
	width:200px;
	height: 200px;
	border-radius:100px;
}


.single-speaker .referenten-bild  {
	float:left;
	margin:0px 30px 100% 0px;
	border:0px solid #FFF;
	width:200px;
	text-align:center;
}

.single-speaker .referenten-bild-text {
	font-size:0.9rem;
	margin-top:0px;
	border:0px solid #CCC;
}

.single-speaker .referenten-text {
	border:0px solid #CCC;

	padding-left:250px;

}


/* Formulare */
.caldera-grid {
	width:60%;
}

input {
	border: none !important;
}

.help-block {
	color:#FFF !important;
	font-style:italic;
	font-weight:normal;
}


/* Videos */
.wp-video-playlist {
	padding:0 0 5px 0 !important;
	border:0 !important;

}

.wp-video-playlist a {
	color:#333 !important;
	margin:3px 3px 10px 20px;

/*	
	white-space: pre-line;
	width: 90% !important;
*/
}

.wp-video-playlist a::first-letter  {
	display:none;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Fotogalerie */
#gallery-1 { 
	margin: auto; 
} 

#gallery-1 .gallery-item { 
	float: left; 
	margin-top: 10px; 
	text-align: center; 
	width: 33%; 
} 

#gallery-1 img { 
	
} 

#gallery-1 .gallery-caption {
	display:none;
}

#fancybox-overlay[style] {
    background-color:#FFF !important;
	opacity:0.9 !important;
}

/* .fancybox-opened .fancybox-skin { */
* {
    box-shadow: none !important;
}



/* ############################################################ */
@media screen and (max-width: 1100px) {
	#titel-box, #titel,  #termin, #anmeldebutton {
		width: auto;
	}

	#titel-box {
		top: 18px;
		left:10px;
	}

	#titel, #titel a {
		font-size:1.8rem;
	}

}



@media screen and (max-width: 950px) {

	#kopf-box {
		padding:30px 30px 0px 30px;
		border:0px solid #000;
	}
	
	#menu-toggle {
		position:absolute;
		top:30px;
		right:0px;
		display:block;
		width:40px;
		height:auto;
	}

	#menu-toggle:hover  {
		cursor:pointer
	}

	#site-navigation {
		width: 200px;
		background-color:#FFF;
		right:-100%;
		top:80px;
		padding:0px 50px 50px 50px;
		z-index:99;
		border:0px solid #F00;
	}

	#site-navigation.aktiv {
		right:-32px;
	}

	
	#site-navigation ul  {
		display: inline;
	}
	
	.balken {
		display:none;
	}
	
	#site-navigation ul li ul {
		position:relative;
		display:inline-block;
		height: auto;
		width: auto;
		clip:rect(auto, auto, auto, auto);
		padding-top:0px;
		padding-bottom:0px;
		left:0;
	}
	
	#site-navigation ul li:hover > ul {
		height: auto;
		width: auto;
		overflow: auto;
		clip: rect(auto, auto, auto, auto);
	}
	
	
	#nrvpbutton {
		left:10px;
		bottom:20px;
		padding:0px 0px 0px 0px;
	}

	#nrvpbutton2 {
		left:180px;
		bottom:20px;
		padding:0px 0px 0px 0px;
	}

	#anmeldebutton {
		left:10px;
		bottom:10px;
		padding:0px 0px 0px 0px;
	}


	#nach-oben  {
		right:0px;
		top:150px;
	}



}




@media screen and (max-width: 800px) {

	#logo1 {
		margin-right:20px;
	}
	
	#logo1 img{
		width:110px;
		height:auto;
	}
	#logo2 img{
		width:70px;
		height:auto;
	}

	#sprachnavi {
		width:130px;
		border:0px solid #000;
		top:-25px;
	}

	#titel-box {
		display:none;
	}

	#titel2-box {
		opacity:1;
	}
	
	#titel2, #titel2 a {
		line-height:1.0em;
	}


	#inhalt {
		flex-direction:column;
	}
	
	#inhalt > #inhalt-links {
		order:2;
	}
	
	#inhalt-links {
		padding:30px 30px 30px 30px; 
		width:100%;
	}
	
	#inhalt-rechts {
		padding:30px 30px 30px 30px; 
		max-width:100%;
	}

	.caldera-grid {
		width:100%;
	}

	#fuss-box {
		padding:0px 0px 0px 0px;
	}
	
	#fuss {
		padding:50px 30px 50px 30px;
	}

	#logos-box {
		padding:20px 30px 20px 30px;
		justify-content: space-between;
	}
	

	.single-speaker .referenten-bild  {
		float: none;
		margin:0px 0px 0 0px;
	}
	
	
	.single-speaker .referenten-text {
		padding-left:0;
	}



}