/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.9.2
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

@import url(fonts.css);

/* Reset */

h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}

.top-bar .menu a:hover:not(.button){
	background-color: transparent;
	text-decoration: underline
}

.top-bar .menu li:not(:last-child) {
	border-right: 0 none
}
.top-bar, .top-bar ul {
  background-color: transparent;
}

/* Navi */

body {
  padding-top: 112px;
}
body > header {
	position: fixed;
	background-color: #fff;
	width: 100%;
	top: 0;
	z-index: 9999
}
body.admin-bar > header {
	top: 32px;
}

.site-navigation {
  padding: 1.6667rem 0
}

.title-bar {
  background-color: transparent;
  padding: 1rem
}
.site-title-bar {
  display: block !important
}
.site-header .logo {
  height: 90px;
  margin: -1rem 0 -2.5rem 2rem
}

header .top-bar .menu a {
  color: #fff;
  text-transform: uppercase;
  font-weight: lighter;
  border: 3px solid transparent;
  font-size: 6vmin;
  display: inline-block
}
header .top-bar .menu .current_page_item a,
header .top-bar .menu .current-menu-item a,
header .top-bar .menu .current-page-ancestor a {
  color: #000;
  border: 3px solid #000
}
header .top-bar .top-bar-right {
	padding: 1rem 0;
	text-align: right;
	position: relative;
}
.menu-icon {
  width: 24px;
	margin-right: 2rem ;
height: 20px
}
.menu-icon:after {
  background-color: #ccc;
  box-shadow: 0 8px 0 #ccc, 0 16px 0 #ccc
}
.menu-icon:hover:after {
  background-color: #ccc;
  box-shadow: 0 8px 0 #ccc, 0 16px 0 #ccc
}

.mobile-menu {
	position: fixed;
	width: 100%;
	background-color: rgba(200,200,200,0.95);
	top: 0;
	z-index: 9998;
	left: 0;
	height: 100%;
	text-align: center;
	margin-top: 112px;
}
body.admin-bar .mobile-menu {
	top: 32px
}
.mobile-menu > ul {
  left: 50%;
  top: 45%;
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
}

#search-form {
	display: none;
	position: absolute;
	width: 334px;
    right: 148px;
    top: -3px;
    padding: 1rem;
}
#search-form .input-group-field,
#search-form .input-group-button input {
	height: 2rem
}
#search-form .input-group-field {
	border: 0 none;
	border-bottom: 1px solid;
	box-shadow: none;
	background-color: #fff;
	color: #000;
	transition: none
}

#searchsubmit,
#search-form .input-group-button input {
	background-color: #000;
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.icon-facebook,
.icon-search,
.menu-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem
}

.icon-search,
.icon-facebook {
  color: #ccc;
  font-size: 24px ;
  line-height: 0;
  cursor: pointer
}

#search-form.show,
#mobile-menu.show {
  display: block !important
}

@media screen and (max-width: 39.9375em){
  .site-navigation {
	padding: 0
  }
}

/* Startseite */

body .featured-hero {
  position: relative;
  background-position: top center;
  height: 12.5rem;
}

body.home .featured-hero {
	height: calc(100vw * 0.3125);
	background-position: right top;
}

.featured-hero:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    background: linear-gradient(to right, rgba(255,255,255,0.7) 33%,rgba(255,255,255,0) 80%);
}
.featured-hero:after {
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQYV2NkYGD4z8DAwMjIAAUADikBA/gvnngAAAAASUVORK5CYII=);
}
.featured-hero a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: auto;
    margin: -43px 0 0 -100px
}

@media print, screen and (min-width: 40em){
  .featured-hero a {
     width: 300px;
     margin: -70px 0 0 -150px
  }
}
@media print, screen and (min-width: 64em){
  body.home .featured-hero {
    height: calc(100vw * 0.2777);
  }
}
@media print, screen and (min-width: 75em){
  body.home .featured-hero {
    height: calc(100vw * 0.2083);
  }
  .featured-hero a {
     width: auto;
     margin: -139px 0 0 -300px;
  }
}

/* Topteaser */

.topteaser {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 2em
}
.topteaser > .orbit {
	border: 20px solid #f6f6f6;
}
.topteaser .orbit-bullets button {
    cursor: pointer;
    vertical-align: middle
}
.topteaser .orbit-slide {
  position: relative;
  margin: 2rem 0;
  padding: 0 2rem;
}
.topteaser .docs-heading {
    margin: 4rem 0 6rem;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    outline: 2px solid #000;
    padding: 1rem 2rem;
    font-size: 22px;
}
.topteaser .docs-heading + .text {
   margin-top: -2rem;
   padding-bottom: 2rem
}
.topteaser .docs-heading a {
	color: #000
}
.topteaser .orbit-slide .content {
  width: 46%;
  float: left;
  position: relative;
  margin: 0 2% 1.2rem 2%;
  text-align: center;
}
.topteaser .orbit-slide .content:first-child:last-child {
	float: none;
	margin: 0 auto
}
.topteaser .orbit-slide .image {
	height: 150px
}
.topteaser .orbit-slide .image img {
	position: relative;
	height: 100%;
	width: auto
}
.topteaser .orbit-slide .content:before {
  content: '';
  display: block;
  border-bottom: 1px solid #ccc;
  position: absolute;
  width: 100%;
  top: 76px;
}
/*.topteaser .orbit-slide .image img {
  border-radius: 50%;
  border: 5px solid #fff;
  overflow: hidden;
  display: inline-block;
  position: relative;
  z-index: 1000;
  box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
}*/
.topteaser .orbit-slide .description h3 {
    margin-top: 1rem;
    font-weight: lighter;
    text-transform: uppercase;
    color: #999
}
.topteaser .orbit-slide .description strong,
.topteaser .orbit-slide .description b {
		font-weight: normal
}
.topteaser .orbit .description a {
	color: #000
}
.topteaser .wp-video {
  width: 50% !important;
  float: left
}
.topteaser .wp-video .mejs-video {
  width: 100% !important;
  padding-top: 56.25%;
  height: auto !important
}
.topteaser .wp-video .mejs-video video {
  height: auto !important
}
.orbit-previous, .orbit-next {
	width: 2rem;
	padding: 0;
	height: 100%;
	font-size: 28px;
}
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
	background-color: transparent;
	color: #ccc;
	cursor: pointer
}
.topteaser .orbit-bullets {
  margin: 2rem 0
}
.topteaser .orbit-bullets button {
  height: 0.8rem;
  width: 0.8rem
}
.topteaser .orbit-slide:before,
.topteaser .orbit-slide:after {
  content: '';
  display: table;
  float: none;
  clear: both;
}
.intro {
	padding: 1rem 2rem;
	background-color: #fff;
	position: relative;
	border-bottom: 2px solid;
	border: 20px solid #f6f6f6;
	margin-top: -70px;
}
.intro h2 {
  text-transform: uppercase;
  font-weight: lighter
}
.intro h4 {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 12px
}
.intro .page .wp-video {
  float: left;
  margin: 0 1rem 1rem 0
}
.intro .page .wp-video + p {
  margin-top: -6px
}

.card {
  border: 0 none
}
.card .wp-video,
.card > img {
  margin-bottom: 1rem
}
.card .imageCont {
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 1rem
}
.card .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.card .image.empty {
	background-color: #ccc
}
.card .image img {
		position: absolute;
		left: 50%;
		width: auto;
		height: 100%;
		top: 20%;
		transform: translateY(-20%) translateX(-50%);
}
.card .sponsor {
	width: 100%;
	padding-bottom: 56.25%;
	display: inline-block;
	position: relative;
}
.card .sponsor img {
	max-width: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.card-section .controls {
    margin: 2rem 0;
	float: left;
	width: 100%;
	position: relative
}
.card-section .controls .pages {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translateX(-50%) translateY(-50%)
}
.card-section .nav-previous a,
.card-section .nav-next a {
  display: inline-block;
  border: 2px solid;
  padding: 1rem;
  color: #000
}
.card-section .nav-previous a,
.card-section .nav-next a,
.card-section .nav-previous a:before,
.card-section .nav-next a:after {
	display: inline-block;
	vertical-align: middle
}
.card-section .nav-previous a:before,
.card-section .nav-next a:after {
	font-size: 24px;
}
.card-section .nav-previous a:hover,
.card-section .nav-next a:hover,
.card-section .nav-previous a:focus,
.card-section .nav-next a:focus {
    text-decoration: underline
}

.footer-container {
    background-color: #dedede;
}

/* Galerie */

.gallery {
	display: flex;
	flex-wrap: wrap;
}
.gallery .gallery-item {
	margin: 0 1% 1% 0
}
.gallery.gallery-columns-5 .gallery-item {
	width: 19%;
}
.gallery.gallery-columns-4 .gallery-item {
	width: 24%;
}
.gallery.gallery-columns-3 .gallery-item {
	width: 32.33%;
}
.gallery.gallery-columns-2 .gallery-item {
	width: 49%;
}
.gallery .gallery-icon {
	width: 100%;
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px
}
.gallery .gallery-icon img {
	width: 100%;
}
.gallery .gallery-item figcaption {
	display: none
}

/* Sponsoren */

#sponsors li {
  display: inline-block;
  vertical-align: center;
  margin-right: 20px;
  margin-bottom: 10px
}
#sponsors li img {
  height: 50px;
  width: auto;
  opacity: 0.6
}
#sponsors li a:hover img,
#sponsors li a:focus img {
  opacity: 1
}
#sponsors .members {
  margin-bottom: 28px
}

/* Hashtags / Categories */

.hashtags {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 0.5rem
}
.hashtags li {
  display: inline-block;
  margin-right: 1rem;
  margin-top: 0.5rem
}
.hashtags li a {
  border: 2px solid;
  line-height: 1;
  padding: 0.75rem 1rem 0.75rem 0.5rem;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  text-transform: uppercase
}
.hashtags li a:before {
	vertical-align: middle;
	display: inline-block;
}
p.categories {
	margin-bottom: 0;
	color: #aaa
}

/* Vita */

.vita {
  background-color: #f1f1f1;
  padding: 20px;
  margin-top: 102px
}
.vita figure {
  text-align: center;
  margin-bottom: 20px
}
.vita figcaption {
  font-size: 85%;
  color: #999;
  margin: 5px 0;
  font-style: italic
}

/* Suchergebnisse */

#search-results > div h2 a {
  color: #aaa
}

/* Preisträger-Seite */

.container .top-bar {
  margin-bottom: 20px
}
.container .top-bar .submenu {
  background-color: #fff
}
.container .top-bar ul li > a {
  color: #aaa;
  text-transform: uppercase;
  border: 2px solid transparent;
  padding: 1rem;
  display: inline-block;
  font-size: 1rem
}
.container .top-bar ul.dropdown > li > a {
  padding-left: 1.5rem
}
.container .top-bar ul.dropdown > li > a:before {
  content: '\203A';
  transform: rotate(90deg);
  font-size: 22px;
  display: inline-block;
  position: absolute;
  margin-left: -8px;
  margin-top: -2px
}
.container .top-bar ul li.active > a {
  color: #000;
  font-weight: normal;
  border: 2px solid #000;
  background-color: transparent
}
.container .top-bar ul ul li > a {
  border: 0 none
}
.container .top-bar ul ul li.active > a {
  color: #000;
  border: 0 none
}
.secure-item h3.entry-title,
.card-section .card h3.entry-title,
.page-template-archive .card-section h3.entry-title a,
.archive .card-section h3.entry-title a {
  color: #999;
  font-weight: lighter
}
.card-section {
  padding: 0
}
.card-section .column {
  padding: 20px
}

.secure-item {
	margin-top: 2rem;
}

.searchandfilter li {
	vertical-align: middle
}
.searchandfilter input[type="submit"]{
	display: none
}
.secure-item .content:before,
.secure-item .content:after {
  display: table;
  content: '';
  clear: both;
  float: none
}
.secure-item .content + .wp-video {
  margin-top: 1rem
}

input.wpcf7-submit[type="submit"]{
    border: 0 none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    padding: 10px 20px;
    height: 39px;
    display: inline-block;
    line-height: 1;
    background: #000;
    color: #fff;
}

/* Breadcrumb */

.breadcrumb {
  padding: 0 1rem 3rem;
  font-size: 0.85rem
}
.breadcrumb a {
	color: #aaa;
	font-weight: 300
}

/* Submenue */

.main-wrap .subpage-menu {
  margin-bottom: 40px;
}

.main-wrap .subpage-menu ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.main-wrap .subpage-menu ul li {
  display: inline-block;
}
.main-wrap .subpage-menu ul li a {
  color: #aaa;
  text-transform: uppercase;
  font-weight: lighter;
  border: 2px solid transparent;
  padding: 1rem;
  display: inline-block
}
.main-wrap .subpage-menu ul li.current_page_parent a,
.main-wrap .subpage-menu ul li.current_page_item a {
  color: #000;
  font-weight: normal;
  border: 2px solid #000
}
.main-wrap aside .subpage-menu ul li,
.main-wrap aside .subpage-menu ul li a  {
	display: block;
}
.main-wrap aside .subpage-menu ul li a {
	border: 0 none !important
}

.single .container header,
.single .wp-video {
	margin-bottom: 20px;
}

/* Standardseite */

.archive .main-wrap > header h1.entry-title,
.post header h1.entry-title,
.page header h1.entry-title,
.page .entry-content h1,
#search-results header h1.entry-title  {
    font-weight: lighter;
    text-transform: uppercase;
}
#search-results > div h2,
.archive .main-wrap > header h2,
.page .entry-content > h2,
.page:not(.page-template-archive) .entry-content > h3 {
   font-size: 1.75rem;
   font-weight: lighter;
   color: #aaa;
   text-transform: uppercase
}
.page:not(.page-template-archive) .entry-content > h3 {
   font-size: 1.5rem;
   color: #000;
   letter-spacing: 2px
}
.page .entry-content a,
.topteaser .text a {
  color: #000;
}
.page .orbit .description a,
.page .orbit .description a:before,
.page .entry-content a:not(.swipebox),
.page .entry-content a:before,
.topteaser .text a:before {
  display: inline-block;
  vertical-align: middle
}
.page .entry-content a.mejs-volume-slider {
  display: none
}
.page .entry-content > p > a:not(.swipebox):before,
.page .orbit .description a:before,
.topteaser .text a:before {
  font-family: "kamerapreis-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\72'
}

.archive .main-wrap header,
.page-template-archive .main-wrap header {
	padding: 0 20px 2rem 20px;
}

/* Paginierung */

.pagination .current {
	background-color: #000
}

/* Anmeldung */

body.page-id-3449 {
  padding-top: 0
}
body.page-id-3449 > header {
  position: static
}
#registration fieldset.checkboxes p,
#registration fieldset.radios p,
#registration .row.columns.checkboxes p,
#registration .row.columns.radios p  {
  display: inline-block;
  margin: 0
}
#registration p.selected-file {
  font-size: 14px;
  font-style: italic;
}
#upload-form p,
#registration p {
  font-size: 14px;
}
#upload-form p.hint,
#registration p.hint,
#registration div.hint {
  font-size: 14px;
  background-color: #eee;
  padding: .5rem
}
#registration div.hint {
  margin-bottom: 1rem
}
#registration div.hint td {
  background-color: #fff
}
#registration fieldset [data-hint],
#registration fieldset p.hint[data-hint] {
  display: none
}
#registration fieldset .border-top {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #ccc
}
#registration .button:not(.hide) + .button {
  margin-left: 1rem
}
#registration .acceptance {
  margin: 2rem 0
}
#registration .acceptance + .row {
  position: absolute;
  top: -100%;
  left: -100%
}
#registration .hide {
  display: none
}
#registration input[type="file"] + button.button,
#upload-form input[type="file"] + button.button {
  margin-left: 1rem;
  padding: calc(.85em - .5px) 1em;
}
#registration i[data-icon].has-tip {
  border-bottom: none;
  vertical-align: middle
}
#registration label[for="teilnahmebedingungen"]{
  width: calc(100% - 42px);
  vertical-align: top
}
#registration a.remove {
  margin-left: 12px;
  float: right
}
#registration a.remove .icon-delete {
  vertical-align: middle;
  margin-right: 4px
}
#kamera-schnitt {
  display: none
}
.tooltip {
  max-width: 15rem
}
.uppercase {
  text-transform: uppercase
}
#registration #cookie {
  display: none
}
#registration .hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0!important;
  height: 0!important;
  overflow: hidden;
}

/* Mobile */

@media screen and (max-width: 39.9375em) {

	.hide-overflow {
		overflow: hidden;
	}

	body {
	  padding-top: 48px !important
	}
	body > header {
	  position: static
	}
	body > header .top-bar .top-bar-right {
	  position: fixed;
	  top: 0;
	  box-sizing: border-box;
	  background-color: #fff;
	  padding: 1rem 0;
	  margin: 0;
	  z-index: 99999
	}
	.hide-overflow body > header .top-bar .top-bar-right {
	  position: absolute;
	}
	body .featured-hero {
		background-position: left top !important;
		height: calc(100vw * 0.3125) !important;
	}
	.site-navigation .top-bar-left {
	  display: block !important
	}
	header .top-bar .menu a {
		font-size: 7vmin;
		font-weight: lighter;
		text-transform: uppercase;
	}
	.site-header .logo {
		height: 70px;
		margin: 0;
		position: absolute;
		top: 68px;
		z-index: 1000;
		left: 0.625rem;
	}
	.title-bar {
		background-color: #fff;
		position: relative;
		z-index: 9999;
	}
	.orbit-container {
		height: auto !important;
	}
	.menu-icon {
		margin-right: 1rem
	}
	.mobile-menu {
	  margin-top: 58px
	}
	.mobile-menu > ul {
	  top: calc(50% - 58px);
	}

  .topteaser .wp-video {
    width: 96% !important;
    margin: 0 2%;
    float: none
  }
  .topteaser > .orbit {
	border: 0 none;
  }
  .topteaser .docs-heading + .text {
    margin-top: 0;
    padding-bottom: 0
 }
  .topteaser .orbit-slide .content {
    float: none;
    width: 96%;
    margin-top: 1rem
  }
  .intro {
	margin-top: 0;
	border: 0 none
  }
  .topteaser .docs-heading {
	  margin: 0 0 2rem 0
  }
  .site-header #search-form {
	width: 100%;
    position: absolute;
    right: auto;
    height: 100vh;
    background-color: #ccc;
    top: 58px;
  }
  .site-header form#searchform {
	position: absolute;
    top: calc(50% - 58px);
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
  }
  .site-header #search-form form#searchform .input-group-field {
	max-width: none;
	background-color: transparent;
	width: calc(100% - 4px);
	font-weight: 300;
	font-size: 24px
  }
  /*.topteaser ul.orbit-container {
      height: auto !important;
  }
  .topteaser li.orbit-slide {
      max-height: none !important;
  }*/
  article.main-content {
	padding-left: 1rem;
	padding-right: 1rem
  }
  #search-results > div h2,
  .archive .main-wrap > header h2,
  .page .entry-content > h2,
  .page .entry-content > h3 {
	 font-size: 1.25rem;
  }
  .gallery.gallery-columns-5 .gallery-item {
    width: 32.3333%;
  }
  .card {
	margin-bottom: 0
  }
  .card .sponsor img {
	max-width: 100% !important;
	max-height: 100%;
	width: auto;
  }
  footer {
    margin: 0 1rem !important;
  }
}