Newer
Older
/* * * * * * * */
/* MEDIA RULES */
/* * * * * * * */
/*For tablet or bigger*/
@media screen and (min-width: 992px) {
/* navbar opens on hover*/
.dropdown:hover .dropdown-menu {
display: block;
}
}
/*For Tablet and smaller*/
@media screen and (max-width: 992px){
.two-pdf-line{
max-height: 650px !important;
height: 26vh !important;
max-width: 50vw !important;
}
.seperator-2{
width: 1px !important;
}
.boxy-1{
margin-top: 10px !important;
}
.navbar {
flex-direction: column;
align-items: center;
}
h1 {
font-size: 2rem;
}
.col-6 {
width: 100%; /* Full width on tablets */
}
.lnp:hover > img{
display: block;
margin-left: none;
margin-right: none;
width: 8rem !important;
max-width: 100% !important;
}
.container-fluid {
min-height: 100vh; /* Füllt den gesamten Bildschirm aus */
}
}
footer .social-icons {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
footer .contact-info {
footer a {
word-wrap: break-word;
overflow-wrap: break-word;
}
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x));
width: 100% !important;
.col-4, .col-3{
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.full-small{
width: 100% !important;
max-height: 100% !important;
}
.max400{
max-width: 100% !important;
max-height: 100% !important;
}
.panel-talk-gallery div img{
max-width: 100% !important;
}
.panel-talk-gallery .col, .panel-talk-gallery .col:nth-child(5),
.panel-talk-gallery .col:nth-child(1), .panel-talk-gallery .col:nth-child(2),
.panel-talk-gallery .col:nth-child(3), .panel-talk-gallery .col:nth-child(4){
margin-top: 20px !important;
}
.bfh-slider{
width: 100em !important;
max-width: 250px !important;
.tag{
width: min-content !important;
}
.timeline-item-content time{
width: fit-content !important;
margin-top: 0 !important;
max-width: 10em !important;
}
.picture-frame{
margin-bottom: 20px !important;
}
.winner{
font-size: x-large;
}
.small-only{
display: block !important;
}
.small-none{
display: none !important;
}
.bfh-menu{
max-width: 50vw !important;
}
.two-pdf-line{
.village-style-button h3{
display: none !important;
}
.village-style-button{
box-shadow: 1px 1px 1px gray;
}
.village-style-button:hover{
box-shadow: none;
}
.village-style-button img{
max-width: 90%;
max-height: 90%;
padding-top: 10px;
padding-bottom: 5px;
}
overflow-x: hidden; /* Prevents horizontal scrolling */
margin: 0;
padding: 0;
background-size: cover; /* Ensures the background scales to cover the entire screen */
background-position: center; /* Keeps the background centered */
background-repeat: no-repeat;
}
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
/*For small Smartphones*/
@media screen and (max-width: 750px){
}
/* Big computer screens */
@media only screen and (min-width: 1600px){
.two-pdf-line{
max-height: 50vw !important;
height: 50vh !important;
}
}
/*Bigger than smartphones*/
@media only screen and (min-width: 768px) {
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
@media screen and (max-width: 1300px){
.one-pdf-line{
height: 115vw !important;
}
}