/*
 Theme Name:   KIDS
 Theme URI:    http://rainerlicht.de
 Description:  Theme for KIDS Hamburg e. V.
 Author:       Rainer Licht
 Author URI:   http://rainerlicht.de
 Template:     twentyseventeen
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyseventeen-child


    You will need to replace the example text with the details relevant to your theme.

    The Template line corresponds to the directory name of the parent theme. The parent theme in our example is the Twenty Fifteen theme, so the Template will be twentyfifteen. You may be working with a different theme, so adjust accordingly.

    The only required child theme file is style.css, but functions.php is necessary to enqueue styles correctly
*/
/*Schrift*/

@font-face {
    font-family: 'verdanaregular';
    src: url('fonts/verdana-webfont.woff2') format('woff2'),
         url('fonts/verdana-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*HTML*/
body {
	background-image:none;
	background-color: #FFFFFF;
	font-family: 'verdanaregular', Helvetica, Arial, sans-serif;
}

li {
	padding-bottom:0.6em;
}

#tabellenversuch {
	overflow-x:auto;
}

tr {

    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

th:first-child, td:first-child {
    padding-left: 8px;
}

/*Header*/

.custom-header {
    position: relative;
    height: 250px;
}

.site-title {
    text-transform: none;
}
.logo-nav {
	float:left;
}

/*Navigation*/

.main-navigation li {
	padding-bottom:0em;
}

.menu-haupt-container {
	padding-top: 3.5em;
}

.site-header .navigation-top .menu-scroll-down {
	top: 1.7em;
}

.navigation-top .wrap {
	max-width: 1180px; !important
}

.suchemaske {
	max-width: 13.5em;
	float:right;
	margin-top: -6%;
}

/*Content*/

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

/*.page-one-column .panel-content .wrap {
    max-width: 100%;
}*/

.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: 700px;
}

.barrierefrei {
	font-size:160%;
	line-height:2.8em;
	color:#000000;
}

/*Formular*/

label {
	font-weight: 600;
}

.wpcf7-form-control-wrap input {
	padding: 0.35em;
}

@media (max-width: 988px) {
	.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: 100%;
	}

}

@media (max-width: 769px) {
	.logo-nav {
    	margin-top: -3.8em;
    	margin-left: 1.9em;
	}

	.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: 100%;
	}

	.page-one-column .panel-content .wrap {
    max-width: 100%;
	}

}