/***************************
Add your custom styles below
****************************/

/*************************** 
Metro colors
Yellow: #F9AE00
Blue: #003B7E
*****************************/
.bad { color:red;}

/* Extra small devices (767px and down) */
@media (max-width: 767px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }
}

.align-middle {
  margin-top: 25%;
  margin-bottom: 25%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .row.vertical-align {
        display: flex;
        align-items: center;
    }
}

.push_to_middle {
  position:relative;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}


/* overrides */
/*
.nav-module:last-child {
  margin-right: 20px;
}
*/
.nav-module .social-list li{
		margin: 0px;
		padding: 0px;
	
}

section.sponsoren {
	padding-bottom: 0px;
}

.content {
	margin-top: 4em;
}

	/* Sponsoren
----------------------------------------------- */

.SponsorLogos {
	/*width: 700px;*/
	margin-bottom: 50px;
}
.Sponsor {
	display: inline-block;

}

	.SponsorLogos div.SponsorLogo,
	.SponsorLogos div.SubSponsorLogo{
		height: 100px;
		/*cursor: pointer;
		border: 1px solid #F00;*/
		width: 210px;
		overflow: hidden;
		margin-top: 20px;
		padding: 10px;
		text-align: center;
		table-layout: fixed;
		vertical-align: middle;
		display: table-cell;

	}
	
.SponsorLogoBoxed {
	display: block;
	margin-top: 1em;
	margin-bottom: 2em;
}
	/*
	.SponsorLogos div.imagetext {
		text-align: left;
		display: none;
		padding: 20px;
		border: 1px solid #CCCCCC;
	
	}
	.SponsorLogos img {
		display: block;
		margin: 0 auto;
		max-width: 210px;
		max-height: 80px;
	}
	

	
	.SponsorLogos .SponsorenTyp {
		border-bottom: 1px solid #CCCCCC;
		margin-top: 20px;
		margin-bottom: 50px;
	
	}
	
*/


	/* Address List
----------------------------------------------- */
#address-list {
	width: inherit;
}
#address-list ul li {
	padding: 2em;
	margin-bottom: 2em;
	
}

#address-list ul li.odd {
	background-color: white;
	
}


#address-list img {
	display: block;
	float: right;
	}
/*
#address-list h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom:10px;
	margin-top:20px;
	
}
*/
#address-list p {
	line-height: 1.3em;
	margin-bottom: 8px;
}
#address-list .address{
	float: left;
}
#address-list .logo{
	float: right;
	display: block;
	margin: 0px;

}
#address-list .row {
	background-color: white;
	clear: both;
	margin-bottom: 20px;
}

section#addresspage {
	padding-top: 0em;
	padding-bottom: 4em;
}

	
	/* Teilnehmer Liste
----------------------------------------------- */

#Teilnehmerliste {
	margin-top: 15px;
	margin-bottom: 15px;

}
	#Teilnehmerliste table {
		width: 100%;
		border: 0px;
		}
	#Teilnehmerliste tr {}
	#Teilnehmerliste td {}
	#Teilnehmerliste .header {
		font-weight: bold;
		width: 20%;
		}
	#Teilnehmerliste .data {
		width: 30%;}
	#Teilnehmerliste hr {}
	
#Form_TeilnehmerSearchForm fieldset {
	
}
#Form_TeilnehmerSearchForm label {

}

#Form_TeilnehmerSearchForm .middleColumn {
	background: none;
}

#Teilnehmerliste .odd {

}

#Teilnehmerliste .even {
	background-color: #FFEFC9;

}
#Teilnehmerliste .body_bold {
	background-color: #FFE19B;
}

#Teilnehmerliste .tableboxblue {
	border-color: #FEC831;
	
}



/* FORMATS
-------------------------------------------- */
.info_box {

}

.speciallink {

	
	padding: 10px 0 0 0;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;


/*
background: -moz-linear-gradient(top, #003366 0%, #2989d8 86%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003366), color-stop(86%,#2989d8), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top, #003366 0%,#2989d8 86%,#7db9e8 100%);
background: -o-linear-gradient(top, #003366 0%,#2989d8 86%,#7db9e8 100%);
background: -ms-linear-gradient(top, #003366 0%,#2989d8 86%,#7db9e8 100%);
background: linear-gradient(to bottom, #003366 0%,#2989d8 86%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#7db9e8',GradientType=0 );
*/
	

	/* donker blauw */
	background-color: #F9AE00; 
	text-decoration: none;
	color: #003B7E;
	padding: 15px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18px;
	font-weight: bold;
}
.speciallink:hover {
	text-decoration: underline;
}


.bg--blue {
	background-color: #003B7E;
}

.bg--yellow {
	background-color: #F9AE00;
}

.sponsoren {
	background-color: white;
	
}

.sponsoren .col-md-2 {
	padding: 0px;
}

.instagram-wrap {
    background: green;
}
 
.instagram-content h3 {
        text-transform: uppercase;
        letter-spacing: 0.5em;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        padding: 5 0;
        color: darken(green, 50%);
    }
 
}
.instaholder {
	padding: 0px;
}
	
.instafeed .slider {
  text-align: center;
}
.instafeed .slider img {
  max-height: 1.625em;
  opacity: .3;
  margin: 0;
}

.photo-box {
        margin: 5px;
		background: none;
}
.photo-box .image-wrap img {
                width: 100%;
            }
 
.photo-box .likes {
                position: absolute;
                bottom: 5px;
                left: 15px;
                padding: 10px;
                background-color: black;
                background: rgba(black, 0.4);
                color: $white;
            }
.photo-box .description {
            font-size: 12px;
            background: white;
            color: gray;
            /*letter-spacing: 1px
            padding: 10px;;*/
            height: 50px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.instawrapper {
	max-height: 20em;
}


.btn--primary,
.btn--primary:visited {
  background: #F9AE00;
  border-color: #FFE6AA;
}
.btn--primary .btn__text,
.btn--primary:visited .btn__text {
  color: #fff;
}
.btn--primary .btn__text i,
.btn--primary:visited .btn__text i {
  color: #fff;
}
.btn--primary:hover {
  background: #546cc3;
}
.btn--primary:active {
  background: #3b53a8;
}

.footer-1 .footer__navigation li {
	font-size: 0.8em;
}


.nav-stack .nav-stack__upper .logo {
    max-height: 4em;
    display: inline-block;
}

.footer-4 .footer__lower {
	background: #003B7E;
}

.social-list li:not(:last-child) {
    margin-right: inherit;
}

.accordion li.active .accordion__content {
  opacity: 1;
  visibility: visible;
  max-height: 5000px;
}

/*
.leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
    position: relative;
    left: 0;
    top: 0;
}
*/
.mymap {
	height: 320px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: white;
	overflow: hidden;
}
#mapid { 
	height: 260px !important;
	overflow: hidden;
	}
	
.hp-anmeldung {
	font-weight: bold;
  font-size: 1em;
  line-height: 1.625em;
  border-color: #343434;
color: #003B7E;
	
}

.nav-bar .logo {
    max-height: 70%;
	
}

.btn.topnav {
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    border-radius: 20px;
    padding-top: 0.54166667em;
    padding-bottom: 0.65em;
    padding-right: 0.65em;
    padding-left: 0.65em;
    font-size: inherit;
    line-height: 1.625em;
    text-transform: uppercase;

}
.nav-stack .nav-stack__upper .logo {
    max-height: 5.5em;
    display: inline-block;
}

@media all and (max-width: 767px) {
  .langflag {
	display: block;
	width: 16px;
	height: 16px;
  }
}
.lang ul{
	padding-top: 15px;
}

.topnav-anmeldebutton-lg {
	padding-top: 15px;
}
.topnav-flags-lg {
	padding-top: 25px;
}

div.nav-module ul.social-list li {
    line-height: 62px !important;
}
.nav-module.right.margin {
	margin-right: 1em;
}
.footer-4 .footer__lower {

    margin-top: 0px;

}
.nav-module a {
  color: #767676;
}

.social-list li a {
  color: #232323;
}
.social-list.social-list--circles li {
  opacity: 1;
}
.social-list.social-list--circles li:not(:last-child) {
  margin-right: 0.8125em;
}
.social-list.social-list--circles li a {
  display: inline-block;
  height: 26px;
  width: 26px;
  border-radius: 50%;
  text-align: center;
  padding-top: 2px;
}