/*
Theme Name: HOOU Blue (Child 17)
Theme URI: 
Description: HOOU Theme UHH als Childtheme von twentyseventeen
Author: Team HOOU@UHH
Author URI: 
Template: twentyseventeen
Version: 1.0
*/

@font-face {
	font-family: "Roboto Slab";
	font-weight: 300;
	font-style: normal;
	src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/BngRUXZYTXPIvIBgJJSb6u9mxLCGwR2oefDo.woff2) format('woff2'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/BngRUXZYTXPIvIBgJJSb6u9mxLCGwRs.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto Slab";
	font-weight: 700;
	font-style: normal;
	src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/BngRUXZYTXPIvIBgJJSb6u92w7CGwR2oefDo.woff2) format('woff2'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/BngRUXZYTXPIvIBgJJSb6u92w7CGwRs.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 400;
	font-style: normal;
	src: local('Roboto'), local('Roboto-Regular'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 400;
	font-style: italic;
	src: local('Roboto Italic'), local('Roboto-Italic'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1Mu51xIIzQ.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 700;
	font-style: normal;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2'), url(//mappingdemocracy.blogs.uni-hamburg.de/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

function twentyseventeen_childtheme_content_width( $content_width ) {
    if ( twentyseventeen_is_frontpage() ) {
        $content_width = 100%;
    }
    return $content_width;
}

add_filter( 'twentyseventeen_content_width', 'twentyseventeen_childtheme_content_width' );

/*Das Div, das um den Seitentitel und das Logo gelegt wird, so stylen, dass bei mehrspaltigen Überschriften Logo und Überschrift nebeneinander anzeigt werden*/
#masthead > div.custom-header > div.site-branding > div

{display: -webkit-flex;}

/* Menü-Farben und Ränder * (MA) - Anfang/
	/* Hover Link-Color des Menüs*/
			.main-navigation a:hover { color: #cccccc; }						
	/* Untermenü-Hintergrundfarbe*/
			.main-navigation ul ul {background: #0e486d;}
	/* Untermenü Rahmendicke und Rahmenfarbe */
			.main-navigation ul ul {border: 2px solid #bbb;}
	/* Eigentliches Menü: Hintergrund, Ränder */
			.navigation-top 
				{
					  background-color: #0e486d; 
					  border-bottom: 1px solid #fff;
 					  border-top: 1px solid #fff;
				}			
	/* Schriftfarbe des aktiven Menüeintrags (Die Seite, die gerade angezeigt wird.) */
			.navigation-top .current-menu-item > a,
			.navigation-top .current_page_item > a {
				/*color: #a0cbf5; */
  			  color: #cccccc;
			}
	/*Schriftfarbe der Links im Menü*/
			.navigation-top a {
			color: #fff;
			font-weight: 600;
	 		-webkit-transition: color 0.2s;
			transition: color 0.2s;
		}
/* Menü-Farben und Ränder Ende/*





/* Schatten um H5P-Elemente MA (Behindertenhilfe-Slides, Krankenpflege-Slides*/

#h5p-iframe-5 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#h5p-iframe-3 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}



/* Responsive Videos MA */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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





#site-navigation > a > svg {display:none;} /*Pfeil Startseite weg MA */


#post-570 header.entry-header {display:none;}
#post-312 header.entry-header {display:none;}
#post-172 header.entry-header {display:none;}
#post-1394 header.entry-header {display:none;}

/*EntryHeader aus Startseite raus * Ende/*/



/*Anpassung Fonts * Anfang */

@font-face {
	font-family: TheSansUHH;  
	src: url(http://hooutest.userblogs.uni-hamburg.de/fonts/TheSansUHH-Bold.ttf);  
	font-weight: bold;  
}

@font-face {
	font-family: TheSansUHH-SemiLightCaps;  
	src: url(http://hooutest.userblogs.uni-hamburg.de/fonts/TheSansUHH-SemiLightCaps.ttf);  
	font-weight: normal;  
}

@font-face {
	font-family: TheSansUHH-Regular;  
	src: url(http://hooutest.userblogs.uni-hamburg.de/fonts/TheSansUHH-Regular.ttf);  
	font-weight: normal;  
}

@font-face {
	font-family: TheSansUHH-Regular-Italic;  
	src: url(http://hooutest.userblogs.uni-hamburg.de/fonts/TheSansUHH-Regular-Italic.ttf);  
	font-weight: normal;  
	font-style: italic;
}

@font-face {
	font-family: TheSansUHH-BoldCaps;  
	src: url(http://hooutest.userblogs.uni-hamburg.de/fonts/TheSansUHH-BoldCaps.ttf);  
	font-weight: bold;
}

@font-face {
	font-family: TheSansUHH-Bold-Italic;  
	src: url(http://hooutest.userblogs.uni-hamburg.de/fonts/TheSansUHH-Bold-Italic.ttf);  
	font-weight: bold;
	font-style: italic;
}

/*Anpassung Fonts * Ende*/

/*Anpassung Divs * Anfang/*/
/*Anpassung Divs * ausgeschaltet
 * .site-main {
width: 100%;
}
.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 15%;
	font-size:13px;
	}

.widget-title {display:none;}
.wrap {
	max-width: 50% !important;
}


/*/

	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 3em;
	}

	.panel-content .entry-header {
		margin-bottom: 3em;
	}


	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 3em;
	}




.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

div.site-branding > div {
	padding: 2em;
}

.site-branding {
	padding:0;
}

.page-one-column .panel-content .wrap {
    max-width: 1000px;
		}

#content .site-content {
	padding: 2.5em 0 0}

	.site-content {
		padding: 2.5em 0 0;
	}


/*Anpassung Divs* Ende/*/
/*Anpassung Post-Nav* Anfang/* HOOUCHILDMA (WEITER-ZURÜCK-POSITION (LEFT,RIGHT) AUSGETAUSCHT, UM SORTIERUNG NACH NEUESTEM DATUM NUTZEN ZU KÖNNEN/*/

	.post-navigation .nav-previous {
		float: right;
		text-align: right;
		width: 50%;
	}
	.post-navigation .nav-next {
		float: left;
		text-align: left;
		width: 50%;
	}
	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

/*Anpassung Post-Nav * Ende/*/
/*Anpassung Tabellen* Anfang/*/

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0.4em;
}

td 	{
border: 1px solid #999;
}


tr {
	border: 1px solid #999;
}

table {
	border-collapse: separate;
	background-color: white;
    border: 1px solid #999;
	font-size: 12px;
}

/*Anpassung Tabellen* Ende/*/

/*Anpassung Tabellen* Anfang/*/

/*Typografie*/

body,
button,
input,
select,

textarea {
	color: #333;
	font-family: 'Roboto;', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Slab', serif;
}

/*Anpassung Startseitentitel* Anfang/*/
h2.entry-title
{ display: none;}
/*Anpassung Startseitentitel* Ende/*/
h2.entry-title a,
h3.entry-title a
{
  color: #25456d;
}

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a
{
  -webkit-box-shadow: none;
  box-shadow: none;
}

h2.entry-title a:hover,
h2.entry-title a:active,
h3.entry-title a:hover,
h3.entry-title a:active
{
  color: #25456d;
  -webkit-box-shadow: inset 0 0 0 rgba(37, 69, 109, 0), 0 3px 0 rgba(37, 69, 109, 1);
  box-shadow: inset 0 0 0 rgba(37, 69, 109, 0), 0 3px 0 rgba(37, 69, 109, 1);
}

h4,
h5,
h6
{
  font-weight:700;
}

p.site-title {
  font-family: 'Roboto Slab', serif;
}

.page .panel-content .entry-title, 
.page-title, 
body.page:not(.twentyseventeen-front-page) .entry-title,
h2.widget-title
{
  color: #b3994e;
}

.site-content-contain
{
  background-color: #f2f4f6;
}

.custom-logo-link img 
{
   max-height: 100px;
}

.has-header-image.home.blog .site-branding,
.site-branding 
{
  background: rgba(20,53,89,0.7);
  padding-top: 3.2em;
}

button, input[type="button"], input[type="submit"]
{
  background-color: #b3994e;
}

/*Footer*/

.site-info 
{
  /*display:none;*/
}

.widget a img, .widget a, .widget a:hover, .site-footer .widget-area a:hover, .site-footer .widget-area a, .site-footer .widget-area a:active
{
  webkit-box-shadow:none;
  box-shadow:none;
}
.site-footer 
{
  background-color:#ffffff;
}
.site-footer .widget-area a
{
  color:#cfb863;
}
.site-footer .widget-area a:hover
{
  color:#b3994e;
}






/*side*/

/*.widget ul li
{
  display:inline;
  border:1px solid #cfb863;
  margin: 0.4em;
  padding: 0.6em;
  line-height:2.6em;
}*/


/*Anpassungen - responsiv*/

/*Menü*/
#top-menu{
	background: #0e486d !important;
}

.icon, icon-angle-down {
	color: #fff;
	height: 24px;
	width: 24px;
}

.menu-toggle {
	color: #fff;
}

/*Titel*/
@media screen and (max-width: 400px) {
	.site-title {
		font-size: 11.5pt;
	}
}

/*Hintergrund*/
.h5p-question {
	background-color: red !important;
}

/* Buttons for navigating to next or previous theme */

.button-left{
	float: left;
}
.button-right {
	float: right;
}

button, button:active {
	background-color: #ffffff !important;
	color: white;
	font-weight: 400;
}