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 */
}
--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;
}
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
/*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;
}
}