@import "joomla_user.css";

@font-face {
    font-family: "OpenSans_Light";
    src: url('../Fonts/OpenSans-CondLight.woff') format('woff');
    /* src: url("https://fonts.googleapis.com/css?family=Open Sans"); */ */
}

:root {
  --blue: #4a6e8d;
  --white: #FFFFFF;
}

.container-banner h1 {
    padding: 10px 10px;
    color: var(--blue);
}

h1, h2, h3, h4 {
  /* font-family: "Open Sans", Arial, sans-serif; */
  font-family: "OpenSans_Light", "Open Sans", Arial, sans-serif;
    font-weight: 300;
    color: var(--blue);
    /* text-transform: uppercase; */
}

h1 { font-size: 2.2rem; }
.container-banner h1 { font-size: 2.5rem; }

h2 { font-size: 2rem; }
h3 { font-size: 1.6rem; }

a:not([class]) {
  text-decoration: none;
}

.topbar a:hover {
  color: var(--link-color);
  background-color: var(--link-color);
}

table.program, p.program {
  min-width:320px;
  max-width:100%;
  width:auto;
  margin-right:10px;
  background:#FFFCDC
}
table.program td {
  padding: 2px 6px;
  font-size: 11pt;
}

/* Phoca gallery */
.pg-category-box-title, .pg-item-box-title {
  font-size: smaller;
  text-decoration:none;
}

svg:not(:root) {
    display: none;
}

img.program {
    float:right; max-width:40%; margin-bottom:10px;
}

@media only screen and (max-width: 480px) {
    .topbar {
      margin: 0;
    }
    .topbar .navbar {
      margin: 0;
    }
    div.navbar-collapse .nav {
      display: block; max-width: 100%
    }
    div.navbar-collapse .nav li {
      display: inline; padding:16px 4px;
    }

    .container {
      background-color: #FFFFFF;
    }

    div.mod-custom h1 {
      font-size: 22px;
    }

 	div.sponsoren img {
      height: 80px; margin-bottom: 2em;
    }

    .container-banner h1 {
        padding: 16px 10px;
    }

}

@media only screen and (min-width: 481px) {
	div.sponsoren img {
      height:80px;margin-right:20px;display:inline;
    }
	div.sponsoren img#logo_schallerbach {
      margin-right:0
    }
}

@media only screen and (min-width: 1051px) {
    .site-grid, .container-topbar {
        position: absolute;
        left: 50%;
        width: 1050px;
        margin-left: -525px;
    }
    .container-topbar {
        top:0; height:20px;
    }
    .site-grid {
        top:50px
    }

}