/*
 Theme Name:   EUC-VanHasselt
 Theme URI:
 Description:  VanHasselt Augenheilkunde Köln
 Author:       EUC Online Service GmbH - Michael Heidel
 Author URI:   https://www.euc.de
 Template:     twentyseventeen
 Version:      1.3.0
*/

@import url("../twentyseventeen/style.css");

/* libre-franklin-300 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/libre-franklin-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin Light'), local('LibreFranklin-Light'),
       url('fonts/libre-franklin-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-franklin-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-franklin-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-franklin-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-franklin-v3-latin-300.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/libre-franklin-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin'), local('LibreFranklin-Regular'),
       url('fonts/libre-franklin-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-franklin-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-franklin-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-franklin-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-franklin-v3-latin-regular.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-italic - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/libre-franklin-v3-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin Italic'), local('LibreFranklin-Italic'),
       url('fonts/libre-franklin-v3-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-franklin-v3-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-franklin-v3-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-franklin-v3-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-franklin-v3-latin-italic.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-600 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/libre-franklin-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin SemiBold'), local('LibreFranklin-SemiBold'),
       url('fonts/libre-franklin-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-franklin-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-franklin-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-franklin-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-franklin-v3-latin-600.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-700 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/libre-franklin-v3-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin Bold'), local('LibreFranklin-Bold'),
       url('fonts/libre-franklin-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-franklin-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-franklin-v3-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-franklin-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-franklin-v3-latin-700.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

/* libre-franklin-800 - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/libre-franklin-v3-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin ExtraBold'), local('LibreFranklin-ExtraBold'),
       url('fonts/libre-franklin-v3-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-franklin-v3-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-franklin-v3-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-franklin-v3-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-franklin-v3-latin-800.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

body {
  background-color: #eee;
}
#page {
  border: 1px solid #7e8082;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
#masthead {
  background-image: url(/wp-content/uploads/2019/05/kopfgrafik.jpg);
  background-repeat: no-repeat;
}
#masthead .custom-header, 
#masthead .site-branding {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0;
}
#masthead .site-branding-text {
  padding: 3em 1em;
height: 145px;

}
#masthead .site-description {
  color: #35357b;
  text-align: center;
}
#masthead .navigation-top {
  width: 100%;
  background-color: #eef;
}
#masthead .navigation-top ul li :hover {
}
#masthead .navigation-top ul li ul li :hover {
  background-color: #35357b;

}
#masthead .navigation-top .wrap {
  padding-left: 1rem;
  padding-right: 1rem;
}
.navigation-top.site-navigation-fixed {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  border-left: 1px solid #7e8082;
  border-right: 1px solid #7e8082;
}
.sidebar-header.widget-area {
  width: 20%;
  float: right;
  padding-top: 18px;
  display: block;
}
.widget_search {
  margin-top: -12px;
}
#main.site-main {
  padding: 0 !important;
}
.twentyseventeen-front-page .panel-content {
  padding-bottom: 4.5em;
  padding-top: 3em;
  width: 100% !important;
  margin-right: 0 !important;
}
#post-58 {
  width: 100%;
}
#content.site-content .wrap {
  padding: 2rem;
}
#content.site-content .wrap .entry-header {
  margin-right: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
}
.primary {
  padding-left: 0;
}
#primary.content-area ul {
}
#primary.content-area ul li {
  margin-left: 1rem;
  padding-left: 1rem;
}
#primary.content-area ul#menu-main li {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
#primary.content-area ul#menu-main li ul.sub-menu {
}
#primary.content-area ul#menu-main li ul.sub-menu li {
  margin-left: 0;
  list-style-type: square;
}
#primary.content-area ul#menu-main li ul li:hover {
  background-color: #eef;
}
#main ul#menu-main li ul li.current-menu-item a {
  color: red;
}
#primary.content-area ul.letter {
  list-style-type: lower-alpha;
}
#primary.content-area h1 {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #35357b;
}
#primary.content-area h2 {
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
}
#primary.content-area blockquote {
  font-size: 1rem;
  line-height: 1.5rem;
}
#primary.content-area figcaption {
  line-height: 1rem;
  margin-top: 0;
  padding: 2px;
  background-color: #eee;
}
#primary.content-area a:hover {
  color: red;
  -webkit-box-shadow: none;
  box-shadow: none;
}
footer .site-info {
  float: right;
  text-align: right;
}
footer .site-info a {
  text-decoration: underline;
}
footer .site-info a:hover {
  color: red;
  -webkit-box-shadow: none;
  box-shadow: none;
}
footer .site-info a:visited {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.sidebar-header.widget-area {
}

#site-navigation.toggled-on .menu-main-container {
}
.site-content-contain {
}
.infobox {
  margin: 1rem 0;
  background-color: #eef;
  border: 1px solid #28275a;
}
.infobox .header {
  padding: 0.2rem 1rem;
  color: #fff;
  background-color: #28275a;
}
.infobox p {
  padding: 0.2rem 1rem;
  margin: 0;
}
.stoerer {
  margin: 0;
  border: 1px solid #5f021f;
}
.stoerer .header {
  padding: 0.2rem 1rem;
  color: #fff;
  background-color: #5f021f;
}
.stoerer p {
  padding: 0.2rem 1rem;
  margin: 0;
}
.gallery_box_single {
}
.sidebar-header.widget-area {
  display: none; 
}
#primary .entry-header {
  display: none;
}
.entry-content {
  float: right
}
#masthead .site-title a {
  color: #35357b;
  font-size: 1rem;
}
#search-2 {
  display: none;
}
button.search-submit {
  background-color: #35357b;
}
button.menu-toggle {
	color: #35357b;
}
@media screen and (min-width: 30em) {
  #masthead {
    height: auto;
  }
  #masthead .site-branding .wrap {
    padding-left: 1rem;
  }
  #masthead .site-title a {
    font-size: 1.4rem;
  }
  #masthead .navigation-top {
    width: 100% !important;
  }
  .sidebar-header.widget-area {
    display: none; 
  }
  #primary .entry-header {
    display: none;
  }
  .stoerer {
    margin: 0.6em 0;
    position: relative;
  }
}
@media screen and (min-width: 48em) {
  #masthead {
    height: 218px;
  }
  #masthead .site-branding .wrap {
    padding-left: 1rem;
  }
  #masthead .site-title a {
    font-size: 1.6rem;
  }
  #masthead .navigation-top {
    width: 78% !important;
  }
  .sidebar-header.widget-area {
    display: block; 
  }
  #primary .entry-header {
    display: block;
  }
  .stoerer {
    position: absolute;
    width: 16rem;
    left: 2rem;
    top: 10rem;
  }
}

/*
@media screen and (min-width: 20em) { h1 { border-bottom: 4px solid blue; }
@media screen and (min-width: 30em) { h1 { border-bottom: 4px solid green; }
@media screen and (min-width: 48em) { h1 { border-bottom: 4px solid red; }
@media screen and (min-width: 67em) { h1 { border-bottom: 4px solid black; }
@media screen and (min-width: 79em) { h1 { border-bottom: 4px solid navajowhite; }
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
  h1 { border-bottom: 4px solid yellow; }
}
*/