/* Sticky Menu Dark
 ========================================================================== */
.frontArticle{
	width: 90%;
  	padding: 10px;
  	display: flex;
  	flex-flow: row wrap;
  	justify-content: center; 
  	align-items: center;
}

.frontArticle >img {
  width:350px;
  max-width: 90%;
  height: auto;
}
.articleImg {
  width: 31%;
  min-width: 300px;
  margin: 5px;
}

.mod-languages{
  position: absolute;
  z-index: 4;
  right: 0px;
  top: 0px;	
  border-left: solid 2px;
}

div.mod-languages ul{
  padding: 0px 60px;
  font-size: 12px;
  line-height: 12px;
  padding-top:-10px
}

div.mod-languages li{
  height: 14px;
}
*/
.red .uk-subnav-line > li:nth-child(n+2)::before{
  border-left: 1px solid #c90c0f;
}


.imgShadow{
  border: 0px solid;
  box-shadow: 0px 0px 5px #888888;
}
.imgShadow:hover{
  box-shadow: 0px 0px 15px #888888;
}
.circle{
  border-radius: 300px;
  width:220px;
}

.sprocket-strips-p-container{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.sprocket-strips-p-block{
  background: black;
  color: white;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 15px;
}
.cols-3 .sprocket-strips-p-block{
  width: 31%;
}

form {
    /* Just to center the form on the page */
    margin: 0 auto;
    /*width: 400px;*/
    /* To see the outline of the form */
    padding: 1em;
    border: 1px solid #CCC;
    /*border-radius: 1em;*/
}
form div + div {
    margin-top: 1em;
}
label {
    /* To make sure that all labels have the same size and are properly aligned */
    display: inline-block;
 
  
  width: 150px;
    text-align: left;
}
label.radio{
  width: 80%;
  width:unset;
  width: none;
}

/* youtube video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#checkMark {
  color: green
}

#wrongMark {
  color: red
}


@media (min-width: 481px) and (max-width: 767px) {
  .sprocket-strips-p-container .sprocket-strips-p-block {width: 47%;}
}

@media (max-width: 480px) {
	.sprocket-strips-p-container .sprocket-strips-p-block {width: 100%;float: none;}
}


/* Packshot Stylings für Theorieprüfungsseiten (nur Auto)
 ========================================================================== */

  .theoriepruefung{
  border:none;
  }
  
  .theoriepruefung:first-child::before{
  /*content:"Auto Theorieprüfung Vorbereitung";*/
  font-size:1.4rem;
  font-family:"Maven Pro";
   }

  .theoriepruefung-fr{
  border:none;
  }
  
  .theoriepruefung-fr:first-child::before{
  /*content:"";*/
  
   }


.theoriepruefung-title-fr{
  font-size:1.4rem;
  font-family:"Maven Pro";
}

.taxi{
  border:none !important;
  
}

.demo-truck-title{
  font-size:1.4rem;
  font-family:"Maven Pro";
  text-align:center !important;
  display:block;
}

.demo-title-truck-fr{
  font-size:1.4rem;
  font-family:"Maven Pro";
  text-align:center !important;
  display:block;
}




.esame-teorico{
  border:none;
}

.esame-teorico:first-child::before{
  /*content:"Test di guida";*/
  font-size:1.4rem;
  margin-left:6rem;
  font-family:"Maven Pro";
   }





  .theoriepruefung-en{
  border:none;
  }
  
  .theoriepruefung-en:first-child::before{
  /*content:"Driving license test";*/
  font-size:1.4rem;
  font-family:"Maven Pro";
   }


/*gelbe Hintergrundfarbe für gelbes Kästchen*/
.theoriepruefung-inhalt{
background-color:#fcbb2d !important;
  
}


/*Packshot e.driver Professional französisch*/

  .professional-fr{
  border:none;
  }

.professional-fr:first-child::before{
 
  font-size:1.4rem;
  font-family:"Maven Pro";
  }

/*Entfernt die "Details"-Beschriftung bei Blogbeiträgen */
dt.article-info-term{
  display:none;
}

/*Entfernt unterstrich unter dem ersten Artikel beim Ratgeberblog*/
.tm-leading-article .uk-article:last-child{
  padding-bottom:10px !important;
  border-bottom:0px transparent;
}

/*Damit H2 Überschriften wie H3 formatiert sind - im Artikel Autoprüfung Theorie Lehrgang ausprobiert*/
h2, .uk-h2{
  font-size: 24px !important;
  line-height: 30px !important;
}


/*Höhe des Sliders*/



.sprocket-features-img-container {
max-height:501px;
}

/*
Darstellung der Seitennavigation am Ende der Blogbeiträge
*/

.uk-pagination li {
  display:inline-block;
  }


.tooltip-inner{
 visibility:hidden;
 }

.tm-content .uk-pagination{
 margin-left:-338px;
}

@media (max-width:768px){
  .tm-content .uk-pagination{
  margin-left:-389px
   }
}


@media (max-width:468px){
  .tm-content .uk-pagination{
  margin-left:0px
   }
}







/* Neuer RCA-Slider*/
.rca-bannerslider-content-inner{
  background-color:rgba(255,255,255,0.8);
 
 
}

.rca-bannerslider-content-inner{
  padding:2.5rem 4.6rem 1.8rem 5.6rem !important;
  max-height:15.3rem !important;
  min-height:10.3rem !important;
  min-width:47.8rem;
}

/*Die Links im Slider*/
.rca-bannerslider-content-inner a{
  color:black;
  font-size:1rem;
  
}


.rca-bannerslider-content-inner .readon{
  
  width:7.25rem !important;
  height:3.12rem;
  color:white !important;
  padding-top:0.62rem !important;
}

.rca-bannerslider-title{  
  font-size:2.62rem;
}

.headerbild .rca-bannerslider-content{
  visibility:hidden !important;
  border:2px solid red;
}

@media (max-width:468px){
  
  .rca-bannerslider-content-inner{
    
  
    max-height:14rem !important;
    min-height:0.1rem !important;
    max-width:1.5rem !important;
    margin-bottom:0px !important;
  }
  
 
  
  .rca-bannerslider-title, .rca-bannerslider-content-inner h1{
    font-size:1.5rem !important;
     
    text-align:left !important;
  }
  
  .rca-bannerslider-content-inner a{
    font-size:0.8rem;
    display:block;
    text-align:left !important;
    max-width:18rem;line-height:0.8rem;
  }
  
  .rca-bannerslider:not(.nav-hover) .rca-mc-arrow.rca-mc-arrowprev{
    left:5px !important;
  }
  
  .rca-bannerslider:not(.nav-hover) .rca-mc-arrow.rca-mc-arrownext{
    right:5px !important;
  }
  
  .rca-bannerslider-content-inner .readon{
   
  height:0.6rem;
  
  margin-top:1.2rem !important;
  }

}

a.slider-button{
  background-color:#fcbb2d;
  
  
  width:7.25rem !important;
  height:3.12rem;
  color:white !important;
  padding-top:0.62rem !important;
}

/* Sorgt dafür, dass die Links bei den Blogbeiträgen untereinander angeordnet werden*/
.links-blogs li{
  width:100% !important;

}

.links-blogs{
    list-style-type: disc !important;
}

/* Styles für die Bilder und den Text zum Rechtsvortritt bei "Verkehrsignale in der Schweiz" */
  .row-flexbox-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Abstand zwischen den Elementen */
    align-items: flex-start; /* WICHTIG: Texte beginnen alle auf gleicher Höhe */
}

.flexbox-item-30-perc-resizable {
    flex: 0 0 30%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;   /* Bild + Text zentriert */
    text-align: center;    /* Text ebenfalls zentrieren */
}

.image-flexbox-image-item img {
    height: 85px;
    width: auto;
    display: block;
    margin-bottom: 10px;
}