/*
 Theme Name:   avicento ruckriegel.org
 Theme URI:    https://www.ruckriegel.org
 Description:  avicento ruckriegel.org - a Twenty Seventeen Child Theme
 Author:       avicento AG
 Author URI:   https://www.avicento.de
 Template:     twentyseventeen
 Version:      0.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  twenty-seventeen-child
*/

/*
allgemeine Anpassungen zu parent theme
*/

body,
button,
input,
select,
textarea {
	color: #333;
	/* edit by SR:	
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

.site-footer .widget-column.footer-widget-1 {
		float: left;
		/* edit by SR: width: 36%; */
		width: 75%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		/* edit by SR: width: 58%; */
		width: 19%;
	}
	
/* custom anpassungen 
dunkelblau: #1899C4;
hellblau: #B4E6F5;
*/


.panel-image {
	height: 40vh;
}

.has-header-image.twentyseventeen-front-page .custom-header {
	height: 350px;
}

.custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
}

h1.site-title a {
	text-transform: none;
	color: #000000;
}

.navigation-top {
	background-color: #1899C4;
	border-bottom: #1899C4;
	border-top: #1899C4;
	color: #FFFFFF;
}


.navigation-top a {
	color: #FFFFFF;
}

.navigation-top .current-menu-item > a {
	color: #EEEEEE;
	text-decoration: underline;
}

.navigation-top .menu-toggle {
	color: #FFFFFF;
}

.navigation-top .main-navigation ul {
	background-color: #1899C4;
}


.site-content .wrap a {
	color: #1899C4;
	box-shadow: none;
}

.site-content .wrap a:hover {
	color: #1899C4;
	box-shadow: none;
	text-decoration: underline;
}


.site-content hr {
	background-color: #00c6e5;
}

.site-footer {
	border-top: 2px solid #1899C4;
}


.site-footer .wrap a {
	color: #1899C4;
	box-shadow: none;
}

.site-footer .wrap a:hover {
	color: #1899C4;
	box-shadow: none;
	text-decoration: underline;
}

.kontaktanfrage {
	background-color: #222222;
	color: #FFFFFF;
}

/* .navigation {
	background-color: #1899C4;
	color: #FFFFFF;
} */

.navigation post-navigation{
	background-color: #000000;
	color: #FFFFFF;
}

a:hover .nav-title {
	box-shadow: none;
}

ul {
    list-style: none;
}

.entry-content li:before {
    content: "●";
	font-weight: bold;
    padding-right: 1.5em;
    color: #1899C4; 
	font-size: 0.9em;
}

.entry-content li {
	text-indent: -2em;
}

/* neue material icons */

.grosse_icons {
	font-size: 3em;
}

.riesen_icons {
	font-size: 6em;
}

.icons_grau {
	color: #a0a0a0; 
}

.icons_blau {
	color: #B4E6F5; 
}

/* eigene Tabellen */
table td {
	vertical-align: top;
	border-right: 1px solid #eeeeee;
}

table td:last-child {
	border-right: none;
}

table.invertiert td {
	height: 145px;
	vertical-align: middle;
	color: #000000;
	padding: 5px;
	border: 3px solid #FFFFFF;
	background-color: #B4E6F5;
}


table.invertiert td.leerzeile {
	height: 25px;
	border: 3px solid #FFFFFF;
	background-color: #FFFFFF;
}

table td.breite33
{
	width: 33%;
}

table td.breite50
{
	width: 50%;
}

table td.breite25
{
	width: 25%;
}

table td.td_center {
	text-align: center;
}

@media all and (max-width: 550px) {

table tr { 
	display: block;
	border-bottom: none;
}

table td { 
	padding: 5px 0;
	display: block;
	border-right: none;
	border-bottom: 1pt dashed #eee;
}

table td.breite33
{
	width: 100%;
}

table td.breite50
{
	width: 100%;
}	
	
table td.breite25
{
	width: 100%;
}


}