/*NAV*/

.navbar-nav {
font-family: 'Sanchez', serif;
font-size: 150%;
font-weight: bolder;
}

.navbar-brand {
font-weight: bolder;
letter-spacing: 1px;
font-size: 160%;
line-height: 0.8;
}

.dropdown-item.active {
background-color: darkgrey !important;
}

.untertitel {
font-weight: normal;
font-size: 50%;
    text-align: left;
}



/*DIVS*/

header, main {
    margin: 0px;
    padding: 0px;
}


.gelb {
    background-color: #ffed00ff;
    margin: 0px;
}




.para{
    background-image: url(selfstoragemietenaachen.jpg);
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 200px;
    
}

.innermain {
    padding: 50px 200px;
    margin: 0px;
}

footer {
    background-color: black;
    padding: 20px 50px;
    color: #ffed00;
}

/*JUMBOTRON */

.jumbotron {
    background-image: url(selfstorageboxmieten.jpg);
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 700;
    padding: 300px 100px;
    margin: 0px;
}

.renovierung{
background-image: url(renovierung.jpg);
}

.haushalt {
  background-image: url(haushalt.jpg);  
}

.umzug {background-image: url(umzug.jpg);
}

.reise {
  background-image: url(reise.jpg);    
}

.wohnung {
  background-image: url(wohnung.jpg); 
}

.akten {
background-image: url(unterlagen.jpg);   
}

.innerjumbo {
background-color: rgba(0,0,0,0.5);
text-align: center;
padding: 20px 0px 0px 0px;

}

h1 {
color: white;
font-size: 350%;
font-weight: bold;

}

.pjumbo {
color: white;
font-size: 140%;
 font-family: 'Sanchez', serif;
}

.pjumbocontent {
color: white;
    padding-bottom: 30px;
    font-size: 140%;
        font-family: 'Sanchez', serif;
}

.btn-jumbo {
background-color: #ffed00 !important;
margin: 10px 10px 50px 10px !important;
font-family: 'Sanchez', serif;
   
}

.btn-jumbo:hover {
background-color: lightgrey !important;
}

.ohnejumbo {
margin-top: 100px;
}





/*ICONS*/

.iconrund {
   border-radius: 50%;
    border: 5px solid lightgrey;
    
}

.iconeckig {
   
    border: 5px solid lightgrey;}

.funktion {
    margin: 20px 0px;
}

.funktionpreise {
    margin: 20px 0px;
}


/* Karussell */

.carousel-caption p {
    font-family: sans-serif;
    color: white;  
}

.carousel {
margin: auto;
margin-bottom:100px !important;
width: 800px;
height: auto; 
}

.sliderthema {
width: 500px;
}


/*ACCORDION*/

.btnacco {
font-family: 'Sanchez', serif;
font-weight: bold;
font-size: 150%;
text-align: left;
letter-spacing: 1.5px;
padding: 0px;
margin: 0px;
color: black;
    
}

.btnacco:hover{
text-decoration: none;
color: darkgrey;
}


.cardbg {
background-color: #ffed00;
}
    
.card-body {
font-family: sans-serif;
font-size: 120%;
text-align: left;
    
    }

.mb-0 {
text-align: left !important;
font-size: 120%;
}


/*TEXT*/

p, .listep {
font-family: sans-serif;
font-size: 100%;
font-weight: 500;
line-height: 1.5;
}

.piconrund, .piconbw{
   
font-family: sans-serif;
padding: 10px 0px 20px 50px;
font-size: 120%;
}

.piconkunde {
font-family: sans-serif;
padding: 20px 0px 0px 50px;
font-size: 120%;
}

.piconkundez {
font-family: sans-serif;
padding: 10px 50px 10px 50px;
font-size: 100%;
font-style: italic;
text-align: justify;
font-weight: 100;
border: 5px solid lightgrey;
margin: 0px 0px 0px 50px;
 
}

.piconrundcontent {
padding: 10px 0px 40px 0px;
font-size: 120%;

}

.piconueber
{text-align: left;
}

h2 {
font-family: 'Sanchez', serif; 
font-weight: bolder;
font-size: 250%;
text-align: center;
padding: 50px 50px 10px 50px;
}

h3 {
font-family: 'Sanchez', serif;
font-weight: bolder;
font-size: 200%;
text-align: center;
}


h4, .ph2 {
text-align: center;
font-family: sans-serif;
font-size: 120%;
padding: 0px 30px 30px 30px;
}



li {
text-align: left;
font-size: 120%;
line-height: 2.5;
}

.ohne {
list-style-type: none;
}

.links {
text-align: left !important;
}

a {
color: #ffed00;
}

a:hover {
color: darkgrey;
text-decoration: none;
}

.atext {
color: black;
}



/*SONSTIGES*/



.btngrau {
color: black;
background-color: lightgrey;
border: darkgrey 2px solid;
margin: 50px;
}

.btngrau:hover {
color:black;
background-color: darkgrey;
border: darkgrey 2px solid;
}





/*MEDIA*/
@media (min-width:991px)
{
    .jumbomobil {
    display: none !important;
    }    
    
}


@media (max-width:991px)
{
    
    
.piconkundez, .piconkunde {
padding: 10px 30px; 
    }
    
.piconrundcontent {
padding: 10px 100px;
    }
    
.jumbotron, .sliderthemadiv {
display: none;
    }
    
.jumbomobil {
margin:100px 0px 0px 0px;  
background-color: #ffed00;
    }
     
    
.akten, .wohnung, .renovierung, .reise, .haushalt, .umzug {
        height: 700px !important;
    }
    
.piconrund, .piconbw{
padding: 0px;
}
    
.piconeckigbunt, .piconueber {
padding: 10px 100px;
text-align: center;
}
    
.h2content {
padding: 0px 10px;   
    }
    
.innermain {
padding: 10px 10px;

}

h2 {
padding: 50px 10px 20px 10px; 
    }
    
.links {
text-align: center !important;
    }
    
.btn, .btn-jumbo {
margin: 20px;      
    }
    
.carousel {
width: 400px;
height: auto; 
}
    
.sliderthema {
width: 300px;
}
    
.para {
display: none}
    
    
}

@media (max-width:630px)
    
{
    .piconeckigbunt {
        padding: 10px;
    }  
    
}

@media (max-width:400px)
{
.piconeckigbunt, .piconueber, .piconkundez, .piconkunde {
padding: 10px 10px; 
}
    
.piconrundcontent {
padding: 10px 10px;
    }
 
h1 {
font-size: 250%;
 }
    
h2 {
font-size: 150%;     
    }
    
h3 {
font-size: 130%;
    }
    
.carousel {
width: 200px;
height: auto; 
}
    
.sliderthema {
width: 200px;
}
    
.mb-0 {
font-size: 80%;
}
    
nav img {
width: 40px;
    }
.navbar-brand, .nav-link {
font-size: 100%;
    }
    
.jumbomobil{
margin-top: 60px;
    }

}

@media (min-width:1280px) {
.piconrund{
padding: 50px 50px;
}  
}