@charset "utf-8";
/* CSS Document */

/*
Theme Name: H. w. Dingel
Theme URI: https://www.contrastmedia.de
Description:  Einspaltig flexibles Layout zum Platzieren von Videos mit 100% Breite im Content-Bereich
Version: 2.0
Author: Beate Eckert-Kraft
Author URI: https://www.contrastmedia.de
Tags: Responsive, one column, valid HTML, widgets

--General---*/

* {
	box-sizing: border-box;
}
body {
    font-family: 'Cormorant', serif;
    font-variant: small-caps;
    font-size: 1.5em;
    line-height: 1.4em;
    }
h1 {
    font-size: 1.7em;
    color: #f8b254;
    
    }
h2 {
    font-size: 1.6em;
    color: #282930;
}
h3 {
    font-family: 'Castoro Titling', serif;
    font-size: 1.2em;
    color:#206fb7;
    text-transform: uppercase;  
    }
h4 {	
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1em;
    min-height: 30px;
    color: #1d65af;
    text-transform: uppercase;
    }
  h5 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1em;
    color: #f8b254;
    }
h6 {
    font-size: 1.4em;
    line-height: 1.4em;
    color: #282930;
    }
a:link {
    color: #cf8015;
    }   
a:hover {
    color: #f8b254;
    }  
a:visited, a:active {
    color: #a7680f;
    }   
strong, b {
    color: #282930;
    }

/*-- Seitenbereiche --*/
#header {
    margin-top: -1em;
    padding: 0 1em 0.5em 1em;
    background: #004f89;
    }
#main {
    width: 100%;
    margin: 2em auto;
    padding: 1em 1em;
    display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
    }
aside {
    width: 100%;
}
.aside-inner ul {
    list-style: none;
    padding-left: 0;
    }
#footer {
    display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
    padding: 1em 1em;
    background: #004f89;
}
#logo {
    width: 250px;
    margin: 0 auto;
}
#logo img {
    width: 100%;
}
.custom-header {
	width: 100%;
	height: auto;
}
#content {
    width: 100%;
} 
.headerimg {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 180px;

}
/*-- Navigationen --*/

#mainnav {
    padding: 0 2em;
    border-bottom: solid 2px #fff ;
    }
#mainnav ul {
    padding-left: 0;
    text-align: center;
    }
#mainnav li {
    position: relative;
    display: inline-block;
    }
#mainnav li a {
    display: block;
    padding: 1em 0.8em 0.2em 0.5em;
    text-decoration: none;
    font-size: 1.2em;
    font-variant: small-caps;
    color: #fff;
    }
#mainnav li a:hover {
    color:#f8b254;
}
#mainnav li ul {
    display: none;
    position: absolute;
    top: 2.9em;
}
#mainnav li:hover ul {
    display: block;
}
#mainnav li ul li {
    display: block;
}
#mainnav li ul li a {
    width: 10em;
    background: #004f89;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 1em 1em 0.5em 1em;
    font-size: 0.8em;
}
#mainnav li ul li a:hover {
    border-bottom: 1px solid #f8b254;
}
ul.metanav {
    padding-left: 0;
    list-style: none;
}
ul#menu-meta-menu {
    padding-left: 0;
    list-style: none;
    }
#menu-meta-menu li {
    padding: 0.3em 0;
    }
#menu-meta-menu li a {
    text-decoration: none;
    color: #fff;
    }
#menu-meta-menu li a:hover {
    text-decoration: underline;
    }

/*--Content--*/

.wp-block-buttons, .more {
	width: 7em;
	margin: auto;
	padding: 0.5em 1em;
}
.wp-block-buttons a, .more a {
  display: inline-block;
  text-align: center;
  background-color: #004f89;
  padding: .5em 2em;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
}
.wp-block-buttons a:hover {
  font-size: 1.5em;
}
.flex-cover {
	display: flex;
	flex-wrap:  row wrap;
	justify-content: center;
	}
.address p {color: #fff;}
.y-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 1em;
	height: 0;
	overflow: hidden;
	margin-bottom:1em;
	}
.y-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
  
/*--Widgets--*/

.widget_search {
	margin: 4em 2em 1em 0;
	color: #FFFFFF;
	}

ul.widget_search {
	padding-left: 0;
	}

li.widget_search  {
	list-style: none;
	}
.widget_search label {
	display:none;
	}
.widget_search input {
  	border: inset 2px #004f89;
  	width: 12em;
  	border-radius: 0.2em;
  	padding: 0.5em 1em 0.5em 0;
  	margin: 3px 0 0 5px;
  	font: 0.7em #282930;
	}
.widget_search #searchsubmit {
	padding: 0.5em 2em;
	width: 8em;
	border: none;
	border-radius: 0.2em;
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF;
	background: #004f89;
	}
.widget_search #searchsubmit:hover {
	background: #206fb7;
	}

/*--Formular--*/
input {
	border-radius: 0.2em;
	border: 2px solid #004f89;
	padding: 0.5em 1em 0.5em 0;
	font: 0.7em #282930;
}

input[type=submit] {
	padding: 0.5em 1em;
	border-radius: 0.2em;
	background-color:#004f89;
	color: #fff;
  	border:0 none;
  	cursor:pointer;
}

/*--media query min-width 780px--*/
@media only screen and (min-width: 780px) {
    #main {
        width: 80%;
        max-width: 1200px;
    }
    #content  {
        width: 80%;
    }
    aside {
        width: 20%;
    }

}