/*
#topmenubox .m_inner {position:relative; height:100%; background-image: url("./img/hdr_bkgnd.jpg"); background-repeat:no-repeat; background-size: auto 100%; background-color:transparent; }
*/ 
#nav ul li a {font-size: 20px; border-right:1px #000 solid; color: #000; background-color: #eee;}
/*#topmenubox .m_inner {background-image: url("./img/tmb_bkgnd.jpg"); background-repeat:repeat-x;}*/
/*#topmenubox a.logo img {max-height:100%; position: absolute; left: 0%; bottom:0px;}*/
#topmenubox .m_inner {background-color: #fff}
#topmenubox a.logo img { position: absolute; left: 10px; top:11%;}
#topmenubox.reduced a.logo img { position: absolute; left: 10px; top:0; bottom:0; max-height: 100%;}
#topparallax {background-color: #000; }
#topparallax .ptext { background: rgba(0,0,0,0.3); }

p a {font-weight: normal;}

.flag-de b::before {content:'\1F1E9 \1F1EA'; }

.contentbox {padding: 0px 4%;}
.container {padding-top: 15px;}
.social {position:absolute; right:0; bottom:0; line-height:0em;}

input[type="submit"].search-btn:hover { background-color: #eef9ff; }
 
.topheader p {font-size: 7em; line-height: 120%; color: #fff; text-shadow: 0px 0px 20px #000; }
.topheader.start_details {background: #fff url(img/header_start.jpg) no-repeat; background-size: 100%;}
.topheader.themen {background: #fff url(img/header_themen.jpg) no-repeat; background-size: 100%;}
.topheader.corona {background: #fff url(img/header_corona.jpg) no-repeat; background-size: 100%;}
.topheader.meinungsmanagement {background: #fff url(img/header_meinungsmanagement.jpg) no-repeat; background-size: 100%;}
.topheader.uswahl2020 {background: #fff url(img/header_uswahl2020.jpg) no-repeat; background-size: 100%;}

.topheader {background: #fff url(img/header_start.jpg) no-repeat; }
.topheader.downloads {background: #fff url(img/header_download.jpg) no-repeat; background-size: 100%;}
.topheader.musik {background: #fff url(img/header_musik.jpg) no-repeat; background-size: 100%;}
.topheader.humor {background: #fff url(img/header_humor.jpg) no-repeat; background-size: 100%;}
.topheader.warum {background: #fff url(img/header_warum.jpg) no-repeat; background-size: 100%;}
.topheader.kontakt {background: #fff url(img/header_kontakt.jpg) no-repeat; background-size: 100%;}
.topheader.kontakt_ok {background: #fff url(img/header_kontakt-ok.jpg) no-repeat; background-size: 100%;}
.topheader.impressum {background: #fff url(img/header_impressum.jpg) no-repeat; background-size: 100%;}
.topheader.dsgvo {background: #fff url(img/header_dsgvo.jpg) no-repeat; background-size: 100%;}
.topheader.search {background: #fff url(img/header_suche.jpg) no-repeat; background-size: 100%;}
.topheader.uns {background: #fff url(img/header_uns.png) no-repeat; background-size: 100%;}

strong { font-weight: bold; }

.mod_nwi_content_short img {padding-right: 10px;}

/*
.clamp-ellipsis:after {content:"weiterlesen"; }
*/
.formel {
    padding-left: 10px;
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    background-color: #eee;
}

.pretty_video { width:1280px; height: auto; position:relative; }
.pretty_video a { width:100%; height: auto; position:relative; }


.videodesc {font-size: 0.8em; margin-top: 6px;}

.sourceblock { border-left: 3px solid #184767; background-color: #f4faff; margin:20px 0px; padding:0px 10px;}
.sourceblock p { text-align: justify; margin-left: 10px; margin-right:10px;}

.zitat { border-left: 4px solid #184767; background-color: #f0f0f0; margin:10px 0px 10px 10px; background-image:linear-gradient(to right,#eee,#fff);}
.zitat p { text-align: justify; margin-left: 10px; margin-right:10px; font-style: italic; }
.zitat p:after { display:block; content:""; clear:both;}
.zitatimg { float: left; margin: 5px 10px 0px 10px;}

.footerbox .center {width: 100%; }

.fg_category {grid-gap: 16px;}
.fg_category li { list-style:none; }

.kontakt .miniform textarea { height: 160px; }
.miniform button[type="submit"] {font-size:1.5em;}
.miniform .ok {background: #808080; border: 1px solid #000; }
.captcha_expl {padding-left: 10px; }
.captcha_table td:nth-child(1) {padding-top:5px;}
.captcha_table td:nth-child(2) {padding-top:5px;}
.captcha_table td:nth-child(4) {padding-top:5px;}

.obo_unit .infobox { margin: 0px 10px; }
.obo_unit .infobox .body { max-height: 200px; text-align:justify; line-height:160%; }
.obo_unit .infobox .infoimg {margin-bottom:10px; }
.obo_unit .infobox .headline { color: #184767; margin: 0px 0px 5px 0px; font-weight: bold; font-family:'Open Sans Condensed', sans-serif; font-size:1.5em; text-align:center; margin-bottom:10px;}
.obo_unit .infobox img {display:block; margin-left:auto; margin-right:auto; width:100%;}

.downloadheader {background:#eeeeee; padding:5px 10px; font-size:1.2em; margin-top:15px; font-weight:bold;}
.downloadinfo { border-left:25px solid #eeeeee; padding-top:5px; padding-left:10px;}
.downloadinfo .thumbnail {float: left; margin-right:15px; margin-top:10px;}
.downloadinfo .thumbnail img {box-shadow: 0px 0px 10px #184767; border-radius: 10px;}
.downloadinfo .headline { border-top:2px solid #184767; color: #184767; margin: 0px 0px 5px 0px; font-weight: bold; font-family:'Open Sans Condensed', sans-serif; font-size:1.5em;}
.downloadinfo .headline a {color: #184767; }
.downloadinfo .body { text-align:justify; line-height:160%; }
.downloadinfo p { margin: 0;}

.infobox { border-top:2px solid #184767; padding-top:5px; position:relative; padding-bottom:20px;}
.infobox .thumbnail {float: left; margin-right:15px; margin-top:6px;}
.infobox .thumbnail img {height:120px; width:auto; box-shadow: 0px 0px 10px #184767; border-radius: 10px;}
.infobox .headline { color: #184767; margin: 0px 0px 5px 0px; font-weight: bold; font-family:'Open Sans Condensed', sans-serif; font-size:1.5em;}
.infobox .body { text-align:justify; line-height:160%; }
.infobox .readmore {margin-top: 10px; /* position: absolute; right:0px; bottom:0px;*/ }
.infobox .readmore a { background: #184767; padding:5px 15px; font-weight:bold; color:white; border-radius: 6px;}

.themebox { border-top:2px solid #184767; padding-top:5px;}
.themebox .thumbnail {float: left; margin-right:15px; margin-top:6px;}
.themebox .thumbnail img {box-shadow: 0px 0px 10px #184767; border-radius: 10px;}
.themebox .headline { color: #184767; margin: 0px 0px 5px 0px; font-weight: bold; font-family:'Open Sans Condensed', sans-serif; font-size:1.5em;}
.themebox .body { text-align:justify; line-height:160%; }

.dwnld-prev {position:absolute; top: 10px; right: 166px; padding: 2px 10px 2px 0px; border-right: 1px solid #184767;}
.dwnld-list {position:absolute; top: 10px; right: 94px; padding: 2px 10px 2px 0px; border-right: 1px solid #184767;}
.dwnld-next {position:absolute; top: 10px; right: 0px; padding: 2px 0px 2px 10px;}

#gototopswitch {
	float: right;
	margin: 10px 0 0 0;
	position: fixed;
	right: 11%;
	bottom: 50px;
	padding: 10px;
	border-radius: 25px;
	background-color: #ffffffa0;
	box-shadow: 0px 0px 10px #000000a0;
}

@media screen and (max-width: 1023px){
	#gototopswitch {right: 2%;}
}

#timeline tr:nth-child(odd) td:nth-child(1) { width:30px;}
#timeline tr:nth-child(odd) td:nth-child(2) { width:30px; border-right: 2px solid red; }
#timeline tr:nth-child(odd) td:nth-child(3) { width:30px; border-left: 2px solid red; }
#timeline tr:nth-child(odd) td:nth-child(4) { width:30px;}
#timeline tr:nth-child(even) td:nth-child(1) { width:110px !important; border: 2px solid red; }


.zh-title { font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; }
.ziehharmonika h3.zh-title:hover { background: #e9e9e9; }
.ziehharmonika h3.zh-title.active { background: #DFEEF9; }
.ziehharmonika .collapseIcon.alignLeft { margin-top: 2px; font-Size: 1.6em; }

.dataTables_filter { margin-bottom: 10px; }
.dataTable tr.odd  { background-color: #F3FDFF  !important; }
.dataTable tr.even { background-color: #fff !important; }
.dataTable td.sorting_1 { background-color: unset !important; }
table.dataTable thead td { border-top: 1px solid #184767; border-bottom: 1px solid #184767;}

#dwnld_table.dataTable td { vertical-align: middle; }
#dwnld_table.dataTable td:nth-child(1) { text-align:center; width:140px; max-width:140px; }
#dwnld_table.dataTable td:nth-child(1) img { box-shadow: 0 0 10px black; border-radius: 5px;}
#dwnld_table.dataTable td:last-child { width: 115px !important; max-width:115px !important; text-align:center; }
#dwnld_table.dataTable thead td:last-child { width: 115px !important; max-width:115px !important; }

#dwnld_table_2.dataTable td { vertical-align: middle; }
#dwnld_table_2.dataTable td:nth-child(1) { text-align:center; width:140px; max-width:140px; }
#dwnld_table_2.dataTable td:nth-child(1) img { box-shadow: 0 0 10px black; border-radius: 5px;}
#dwnld_table_2.dataTable td:last-child { width: 115px !important; max-width:115px !important; text-align:center; }

#dwnld_table_3.dataTable td { vertical-align: middle; }
#dwnld_table_3.dataTable td:nth-child(1) { text-align:center; width:140px; max-width:140px; }
#dwnld_table_3.dataTable td:nth-child(1) img { box-shadow: 0 0 10px black; border-radius: 5px;}
#dwnld_table_3.dataTable td:last-child { width: 115px !important; max-width:115px !important; text-align:center; }

#dwnld_table_4.dataTable td { vertical-align: middle; }
#dwnld_table_4.dataTable td:nth-child(1) { text-align:center; width:140px; max-width:140px; }
#dwnld_table_4.dataTable td:nth-child(1) img { box-shadow: 0 0 10px black; border-radius: 5px;}
#dwnld_table_4.dataTable td:last-child { width: 115px !important; max-width:115px !important; text-align:center; }

/*Smaller Screens */
@media screen and (max-width: 640px) {
	.infobox .thumbnail img {height:80px;}
	
	.dwnld-prev {top: -35px;}
	.dwnld-list {top: -35px;}
	.dwnld-next {top: -35px;}

	#dwnld_table.dataTable td:nth-child(1) { width:90px; max-width:90px; }
	#dwnld_table.dataTable td:nth-child(1) img { width:80px; height:auto;}
	#dwnld_table_2.dataTable td:nth-child(1) img { width:80px; height:auto;}
	#dwnld_table_3.dataTable td:nth-child(1) img { width:80px; height:auto;}
	
	.social { display: none;}
	#nav { right: 0px; }
}

/* timeline: START ----------------------------------------------------- */
/* THE BASICS */

@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto:400,700');

/* LAYOUT */

.timeline-container {
	font-size: 14px;
	line-height: 1.5;
	width: 98%;
	margin: 0 auto;
}

.timeline-container h1,
.timeline-container h2,
.timeline-container h3,
.timeline-container h4,
.timeline-container h5,
.timeline-container h6 {
	font-family: 'Oswald', sans-serif;
}

.timeline-container h1 {
	font-size: 2rem;
	margin-bottom: .5em;
}

.timeline-container p {
	font-family: 'Roboto', sans-serif;
	font-size: .8rem;
}

.timeline-item {
	padding: 3em 2em 2em;
	position: relative;
	color: rgba(0,0,0,.7);
	border-left: 2px solid rgba(0,0,0,.3);
}
	
.timeline-item p { font-size: 1rem;	}

.timeline-date { height:1px; }
.timeline-date p { position: relative; top: -36px; z-index: 200; left: -25px; font-weight: bold; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1.2rem; }

.timeline-item::before {
	width: 170px;
	height: 24px;
	display: block;
	top: 7px;
	position: absolute;
	left: -13px;
	border-radius: 10px;
	content: '';
	border: 2px solid rgba(0,0,0,.3);
	background: white;	
}	
	
.timeline-item::after {
    content: '\25bc';
    position: absolute;
    left: -9px;
    bottom: -13px;
    font-size: 17px;
    color: #a0a0a0;
    z-index: 300;
}	

.timeline-item:last-child { border-image: linear-gradient(to bottom, rgba(0,0,0,.3) 60%, rgba(0,0,0,0)) 1 100%;	}
.timeline-item:last-child::after { display:none;}
/* timeline: END ------------------------------------------------------ */