@font-face { font-family: 'Merienda'; src: url('../fonts/meriendaone-regular-webfont.woff2') format('woff2'), url('../fonts/meriendaone-regular-webfont.woff') format('woff'); font-weight: bold; } #seite { margin: 5% 25% 0% 25%; padding: 8% 4% 1% 4%; box-shadow: 0px 0px 10px 0px rgba(100,100,100,0.5); color: rgb(85, 85, 85); } body { font-family: "Calibri"!important; } body a { text-decoration: none; color: darkred; } body a:hover { color: rgb(200,0,0); } body p, body ul { font-size: 1.1em; } body h1, h2, h3, h4, h5 { padding: 0.5em 0 0.2em 0; font-weight: bold!important; } nav { box-shadow: 0px 0px 10px 0px rgba(85,85,85,0.5); font-weight: bold; } .dropdown-item.active, .dropdown-item:active{ background-color: #999; } .nav2 { list-style-type: none; margin-left: 2%; padding: 5% 30px 30px 30px; background-color: rgb(246, 246, 246); text-decoration: none; color: #555; border: solid 1px rgba(100,100,100,0.2); position:fixed; top: 75px; width: 250px; } .nav2 a{ text-decoration: none; color: #555; line-height: 1em; font-size: 0.9em; } .nav2 li{ margin-bottom: 0.5em; } .nav2 a:hover,.nav3 a:hover{ color: rgb(200, 0, 0); } #navleft { position:fixed; left: 2%; top: 75px; float: none; width: 250px; font-size: 1em; } #navright { position:fixed; right: 2%; top: 75px; float: none; width: 250px; font-size: 1em; } #navannouncement { position:fixed; right: 2%; top: 120px; float: none; width: 300px; padding: 30px 30px 30px 30px; background-color: #FFFFBF; font-size: 1em; line-height: 1.3em; } #holger { width: 45%; transition: 1s linear; } #holger:hover { transition: 2s linear; } #faqbutton { width:100%; } #logo { width: 140px; margin-left: 100px; } .col-lg-3 { padding: 0!important; } .card { filter: grayscale(90%); margin: 10px; padding: 0; } .card:hover { border: solid 1px darkgrey; transition: 1s linear; filter: grayscale(0%); } .card-body { background-color: #f5f5f5; } .card-text{ font-size: 0.9em; line-height: 1.1em; margin-top: -1.5em; } .card img{ width: 100%; } #unterschrift{ font-family: "Merienda", cursive; font-size: 1.5em; color: rgb(22, 50, 100); } body header nav ul li a.nav-link { font-size: larger; } body header nav ul li a.nav-link.active { color: rgb(200, 0, 0)!important; } .accordion-button:not(.collapsed) { color: #555!important; background-color: #f0f0f0!important; } .accordion-button:not(.collapsed)::after { transform: rotate(0deg); background-color: #f0f0f0!important; color: #555!important; } .accordion-button{ margin: 0; color: #555!important; } .accordion-item{ border: 1px solid #ddd; padding: 0!important; color: #555!important; } .accordion-header{ padding: 0; } .accordion-header h4{ margin: 0; } #bildnachweis{ margin: 0 auto; } #bildnachweis td { padding: 10px 10px 10px 0; } .zitat{ background-color: #f0f0f0; padding: 1em; font-family: Courier; font-size: 80%; } .zitat>p:last-child{ font-size: 10px; text-align: right; } button{ margin: 0; width: 100%; background-color: darkred; border-radius: 10px; color: white; line-height: 1em; } button:hover{ background-color: #f0f0f0; } button a{ color: white; } button:hover a{ color: white; color: rgb(200,0,0); } :target { scroll-margin-top: 6rem; } @media only screen and (max-width: 1400px) { #seite { margin: 6% 0% 0% 0%; } .nav2,.nav3{ display: none; } } @media only screen and (max-width: 992px) { #seite { margin: 5% 0% 0% 0%; } #seite { padding: 25% 5% 1% 5%; } }