/* ------------------------- Gastspiel Beginn ------------------------- */

input {
	border: none;
}

input[type=text], 
input[type=email], 
input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	font-size: 1.5em;
	border: none;
	transition: 0.3s;
	outline: none;
}

input[type=text]:focus, 
input[type=email]:focus, 
input[type=password]:focus {
	border-color: #606b77;
  }

  /* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

textarea {
	padding: 10px;
	font-size: 1em;
	border: none;
	width: 90%;
	background: none;
}

.big-button {
	font-size: 8em;
}

.medium-button {
	font-size: 4em;
}

.fileuploader {
    padding: 0px;
}

.pos {
	visibility: hidden;
	height: 0px;
}

.get-location-button {
	background-color: #af272f;
	color: white;
	text-align: center;
	text-decoration: none;
	font-size: 4em;
	padding: 20px;
	height: 98px;
	width: 98px;
	border: none;
	border-radius: 15px;
}

.get-location-wrap {
	width: 100%;
	text-align: center;
	padding: 25px 0px 0px 0px;
}

.get-location-wrap p {
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
	color:#af272f;
	font-weight: 600;
}

.button {
	background-color: #af272f;
	border: none;
	color: white;
	padding: 15px 0px;
	margin-top: 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 10px;
	width: 100%;
}

.dashed-border {
	border: #d5d9e0;
	border-style: dashed;
	border-width: 2px;
	border-radius: 10px;
}

.full-width {
	width: 100%;
}

.marg-bottom {
	margin-bottom: 15px;
}

.marg-sides {
    margin: 0px 20px;
}

.content {
    padding: 15px;
}

.img-preview img {
	width: 20%;
	max-width: 70%;
	max-height: 70%;
}

.show-stars {
	font-size: 1.8em;
	color: #f8d74d;
}

.table-row {
	cursor: pointer;
}

.active-row {
	background-color: #d6d6d6 !important;
}

.mt-8 {
	margin-top: 80px !important;
  }

td.text-justify {
    text-align: center;
}

tr.new-tp {
    font-weight: 600 !important;
}

@media (max-width: 650px){
    .hide-on-mobile {
		display: none;
	}
}

/* ---------------------------- Star Rating ---------------------------- */

.stars {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.stars input {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.stars label {
	box-sizing: border-box;
	display: inline-block;
	margin-right: 6px;
	height: 40px;
	width: 40px;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='transparent' stroke='slategray' stroke-width='38' d='M259.216 29.942L330.27 173.92l158.89 23.087L374.185 309.08l27.145 158.23-142.114-74.698-142.112 74.698 27.146-158.23L29.274 197.007l158.89-23.088z' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	font-size: 0;
	cursor: pointer;
}

.stars input:nth-child(1):checked ~ label:nth-of-type(-n + 1), .stars input:nth-child(2):checked ~ label:nth-of-type(-n + 2), .stars input:nth-child(3):checked ~ label:nth-of-type(-n + 3), .stars input:nth-child(4):checked ~ label:nth-of-type(-n + 4), .stars input:nth-child(5):checked ~ label:nth-of-type(-n + 5) {
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='slategray' stroke='slategray' stroke-width='38' d='M259.216 29.942L330.27 173.92l158.89 23.087L374.185 309.08l27.145 158.23-142.114-74.698-142.112 74.698 27.146-158.23L29.274 197.007l158.89-23.088z' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* --------------------------- Gastspiel Ende -------------------------- */

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: normal;
	background-color: #fff;

	margin: 0;
}

.header {
    text-align: center;
    background-color: #af272f;
    color: white;
    padding: 5px 0px;
    font-size: 1.5em;
}

p.send-date {
	font-size: 0.8em;
	margin-top:-10px
}

/* GALLERY */

#photos{
    margin-top: 30px;
}

#photos img{
    display: block;
    width: 100%;
    margin-top: 9px;
}

@media (min-width: 500px){
    #photos{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 6px;

        margin-top: 0;
    }
}

  /* ------------------ NAVBAR ----------------- */

body {
	padding-bottom: 20px;
  }
  
  .navbar {
	margin-bottom: 20px;
  }

  
  .navbar-dark {
    background-color: #AF272F !important;
}

  .bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  }
  
  @media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }
  
  .b-example-divider {
	height: 3rem;
	background-color: #8b19191a;
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }
  
  .b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
  }
  
  .bi {
	vertical-align: -.125em;
	fill: currentColor;
  }
  
  .nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
  }
  
  .nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
  }