﻿/*Ingen info i konsertraden*/
#option1:checked ~ h3 .new-span::before,
#option4:checked ~ h3 .new-span2::before,
#option7:checked ~ h3 .new-span3::before,
#option10:checked ~ h3 .new-span4::before,
#option13:checked ~ h3 .new-span5::before
{

}

/*Info om få biljetter i konsertraden*/
#option2:checked ~ h3 .new-span::before,
#option5:checked ~ h3 .new-span2::before,
#option8:checked ~ h3 .new-span3::before,
#option11:checked ~ h3 .new-span4::before,
#option14:checked ~ h3 .new-span5::before
{
border: 1px solid #000000;
color: rgb(255, 255, 255);
font-size: 0.8em;
font-weight: normal;
content: "FÅTAL BILJETTER KVAR!";
background-color: #999999;
padding-right: 5px;
padding-left: 5px;
border-radius: 3px;
font-family: Arial, Helvetica, sans-serif;
white-space: nowrap;
vertical-align: 2px;
}

/*Info om slutsålda biljetter i konsertraden*/
#option3:checked ~ h3 .new-span::before,
#option6:checked ~ h3 .new-span2::before,
#option9:checked ~ h3 .new-span3::before,
#option12:checked ~ h3 .new-span4::before,
#option15:checked ~ h3 .new-span5::before
{
border: 1px solid #000000;
color: rgb(255, 255, 255);
font-size: 0.8em;
font-weight: normal;
content: "SLUTSÅLT!";
background-color: #FF0000;
padding-right: 5px;
padding-left: 5px;
border-radius: 3px;
font-family: Arial, Helvetica, sans-serif;
white-space: nowrap;
vertical-align: 2px;
}
 
.knappsektion {
}

centrerad_knapp
{
margin-left: 0px;				
}

.knapp_konsertsida {
				background-color: #FF6F0F;
				color: white;
				border: 1px solid #555555;
				border-radius: 4px;
				padding: 3px 7px 3px 7px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				font-size: 14px; /*margin: 4px 2px;*/;
				transition-duration: 0.4s;
				cursor: pointer;
				font-family: Arial, Helvetica, sans-serif;
				white-space: nowrap;
}
.knapp_konsertsida:hover {
				text-decoration: none;
				background-color: #FF7E28;
				color: black;
}
.knapp_konsertsida:active {
text-decoration: none;
position:relative;
top:1px;
}

.knapp_konsertsida::after {
  content: "LÄS MER OM KONSERTEN";
  /*white-space: nowrap;*/

}
.tom-div {
            /*flex-grow: 2; *//* Fyller ut resten av utrymmet */
        }
.space{
	width: 100%; /* Justera bredden efter behov */;
	height: 40px;			
}
        .float-img {
				border-style: groove;
				border-width: 2px;
				border-color: #336600;
				float: right;
				margin: 0 0px 5px 0;
				width: 15%; /* Justera bredden efter behov */;
				height: auto;
}
.nyfloat-img {
				border-width: 2px;
				border-style: solid;
				border-color: #d3924c;
				float: right;
				margin: 10px 0px 10px 20px;
				width: 55%; /* Justera bredden efter behov */;
				height: auto;
				}

 /* Anpassning för surfplattor */
@media (max-width: 768px) {
  .nyfloat-img {
    
				width: 70%; /* Justera bredden efter behov */;
				height: auto;
  }
  .space{
	width: 100%; /* Justera bredden efter behov */;
	height: 20px;			
}

}

/* Anpassning för mobiler */
@media (max-width: 480px) {
  .nyfloat-img {
    width: 100%; /* Justera bredden efter behov */;
				height: auto;

  }
    .space{
	width: 100%; /* Justera bredden efter behov */;
	height: 0px;			
}

}
.logga {
				border-style: solid;
				border-color: f9f9f9;
				border-width: 1px;
				float: right; 
				margin: 0px 0px 10px 10px;
				max-width: 22%;
				
}

.logga img {
    width: 100%;
    height: auto; 
    display: block;     								

}