/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 26, 2020 */ @font-face { font-family: 'noto_sans_thin'; src: url('font/noto/notosans-thin.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_thin_italic'; src: url('font/noto/notosans-thinItalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_extralight'; src: url('font/noto/notosans-extralight.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_extralight_italic'; src: url('font/noto/notosans-extralightitalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_light'; src: url('font/noto/notosans-light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_light_italic'; src: url('font/noto/notosans-lightitalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_regular'; src: url('font/noto/notosans-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_italic'; src: url('font/noto/notosans-italic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_medium'; src: url('font/noto/notosans-medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_medium_italic'; src: url('font/noto/notosans-mediumitalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_semibold'; src: url('font/noto/notosans-semibold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_semibold_italic'; src: url('font/noto/notosans-semibolditalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_bold'; src: url('font/noto/notosans-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_bold_italic'; src: url('font/noto/notosans-bolditalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_extrabold'; src: url('font/noto/notosans-extrabold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_extrabold_italic'; src: url('font/noto/notosans-extrabolditalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_condensed_semibold'; src: url('font/noto/notosans-condensedsemibold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sans_condensed_light'; src: url('font/noto/notosans-condensedlight.woff') format('woff'); font-weight: normal; font-style: normal; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 24, 2023 */ @font-face { font-family: 'bitterbold'; src: url('font/bitter/bitter-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bitterbold_italic'; src: url('font/bitter/bitter-bolditalic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bitteritalic'; src: url('font/bitter/bitter-italic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bitterregular'; src: url('font/bitter/bitter-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @charset 'UTF-8'; /* CSS Document */ @-ms-viewport{ width: extend-to-zoom; zoom: 1.0;} * { box-sizing: border-box; } body, p, td { font-family: "noto_sans_light", sans-serif; font-weight: normal; font-style: normal; font-size: 0.9rem; line-height: 1.5rem; letter-spacing: 0.02rem; color: black; margin: 0px; padding: 0px; vertical-align: top; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; } body { background-image: url(pic/Loewnzahn.jpg); background-attachment: fixed; } table { border: 0px transparent none; border-collapse: collapse; } table.rsTable { width:100%; margin: 1.3rem 0px; } td.rsTD, td.fett, td.keine-linie, td.keine-linie-fett { padding: 0.2rem 0.5rem 0.2rem 0px; border-top: 1px solid #fa8d18; border-bottom: 1px solid #fa8d18; } td.keine-linie-fett { border:none; font-family: "noto_sans_light", serif; font-weight: normal; font-style: normal; } td.fett { font-family: "noto_sans_light", serif; font-weight: normal; font-style: normal; } ul, ol { padding: 0px; margin: 0px; } li { margin: 0rem 0px 0px 1rem; padding: 0px; } hr { height:0px; border:0px; border-top:3px solid #fa8d18; margin: 1rem -20px; clear: both; } i { font-family: "noto_sans_extralight_italic", serif; font-weight: normal; font-style: normal; letter-spacing: 0.05em; } b i, i b { font-family: "noto_sans_semibold_italic", serif; font-weight: normal; font-style: normal; letter-spacing: 0.05em; } b { font-family: "noto_sans_semibold", serif; font-weight: normal; font-style: normal; } a:link, a:visited, a:active, a:hover { font-family: "noto_sans_light", sans-serif; font-weight: normal; font-style: normal; color: #f60; color: #10922f; color: green; text-decoration: none; border-color: green; border-style: solid; border-width: 0px 0px 1px 0px; outline:none; } a:hover { border-width: 0px 0px 5px 0px; border-color: #10922f; } /**************** Zonen ****************/ #center { width: 900px; margin-top:20px; margin-left:auto; margin-right:auto; } #menuebereich { background-image: url(pic/Bluete.png); background-repeat: no-repeat; float:left; width: 290px; margin-right:20px; } #inhaltsbereich { float:left; width: 590px; } #seitenfuss { float:left; font-size: 0.75rem; line-height: 1.2rem; width: 100%; height: 50px; background-image: url(pic/Seitenfusshintergrund.png); background-repeat: no-repeat; margin: 0px; padding: 0px; } /************ Branding *************/ #branding { width: 290px; height: 149px; padding: 40px 0px 0px 80px; margin: 0px; font-family: "noto_sans_semibold", sans-serif; font-size: 0.9rem; line-height: 1.3rem; letter-spacing: 0.1em; font-weight: normal; font-style: normal; color: #f60; } a#LogoLink, a#LogoLink:link, a#LogoLink:visited, a#LogoLink:hover, a#LogoLink:active { font-family: "noto_sans_extrabold", sans-serif; font-weight: normal; font-style: normal; display: block; font-size: 1.8rem; line-height: 1.3rem; letter-spacing: 0.1rem; color: #10922f; border:none; width:100%; padding:5px 0px; } a#LogoLink:hover { background-color:#f2cd00; } #adresse, #adresse_unten { float:left; font-size: 0.75rem; line-height: 1.2rem; letter-spacing: 0.1em; width: 290px; height: 150px; background-image: url(pic/Adresshintergrund.png); background-repeat: no-repeat; padding: 55px 0px 0px 60px; } #adresse_unten { visibility: hidden; position: absolute; left:-100%; } /******** Impressum/Datenschutz ********/ #implink { float:right; width:100vw; height:4rem; text-align:right; } #implink a { border:none; border-bottom: 1px solid transparent; } #implink a:hover { border-bottom: 1px solid green; } /**************** Inhalt ****************/ #seitentitelbereich { min-height: 90px; background-image: url(pic/Seitentitelhintergrund.png); background-repeat: no-repeat; margin: 0px; padding: 0px; } H1.seitentitel { font-family: "bitterbold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.4rem; line-height: 1.8rem; letter-spacing: 0.05rem; color:#fa8d18; color:#f60; width: 100%; margin: 0px; padding: 37px 10px 10px 20px; border-bottom: 20px #fa8d18 solid; } #textbereich { float:left; width: 100%; background-image: url(pic/PixInhalthintergrund.png); margin: 0px; padding: 10px 20px 20px 20px; } .textblock { float:left; clear:both; width: 100%; } h1,h2,h3 { font-family: "bitterregular", sans-serif; font-weight: normal; font-style: normal; width: calc(100% + 40px); margin: 0px 0px 0px -20px; clear: both; } h1 { font-size: 1.2rem; line-height: 1.9rem; letter-spacing: 0.05rem; padding: 25px 10px 0px 20px; border-bottom: 10px #fa8d18 solid; margin-bottom: 10px; } h2 { font-size: 1rem; line-height: 1.8rem; letter-spacing: 0.05rem; padding: 20px 10px 0px 20px; border-bottom: 5px #fc6 solid; margin-bottom: 8px; } h3 { font-size: 0.85rem; line-height: 1.6rem; letter-spacing: 0.05rem; padding: 10px 10px 0px 20px; } a.rsBildlink, a.rsBildlink:link, a.rsBildlink:visited, a.rsBildlink:active, a.rsBildlink:hover { text-decoration:none; border: none; outline:none; } img { border: 0px transparent none; } .bildsehrklein { float: right; clear: both; width: 120px; margin: 10px 0px 10px 20px; } .bildklein { float: right; clear: both; width: 220px; margin: 10px 0px 10px 20px; } .bild { width: 550px; margin: 10px 0px 10px 0px; } /**************** Menü ****************/ #menue { width: 230px; padding: 10px 0px; margin-left:60px; background-color:#fff; } a.nav1, a.nav1X, a.nav1:link, a.nav1:visited, a.nav1:hover, a.nav1:active, a.nav1X:link, a.nav1X:visited, a.nav1X:hover, a.nav1X:active, a.nav2, a.nav2X, a.nav2:link, a.nav2:visited, a.nav2:hover, a.nav2:active, a.nav2X:link, a.nav2X:visited, a.nav2X:hover, a.nav2X:active, a.nav3, a.nav3X, a.nav3:link, a.nav3:visited, a.nav3:hover, a.nav3:active, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active { display:block; width: 100%; height:auto; padding: 0px 0px 0px 20px; color: black; margin: 0.3rem 0px; text-align:left; font-family: "noto_sans_light", sans-serif; font-weight: normal; font-style: normal; letter-spacing: 0.05rem; text-decoration: none; background-color: transparent; border: none; } a.nav1:active, a.nav1X, a.nav1X:link, a.nav1X:visited, a.nav1X:active, a.nav1:hover, a.nav1X:hover, a.nav2:active, a.nav2X, a.nav2X:link, a.nav2X:visited, a.nav2X:active, a.nav2:hover, a.nav2X:hover, a.nav2:active, a.nav3X, a.nav3X:link, a.nav3X:visited, a.nav3X:active, a.nav3:hover, a.nav3X:hover { color: white; background-color: #fa8d18; font-family: "noto_sans_semibold", sans-serif; } a.nav2, a.nav2X, a.nav2:link, a.nav2:visited, a.nav2:hover, a.nav2:active, a.nav2X:link, a.nav2X:visited, a.nav2X:hover, a.nav2X:active { margin-left: 20px; width: calc(100% - 20px); } a.nav3, a.nav3X, a.nav3:link, a.nav3:visited, a.nav3:hover, a.nav3:active, a.nav3X:link, a.nav3X:visited, a.nav3X:hover, a.nav3X:active { margin-left: 40px; width: calc(100% - 40px); } /************* Hamburger *********/ #a, a#hamburger { position: absolute; visibility: hidden; left:0px;:hidden; } a#hamburger, a#hamburger:link, a#hamburger:visited, a#hamburger:active, a#hamburger:hover, a#totop, a#totop:link, a#totop:visited, a#totop:active, a#totop:hover { float:left; margin: 0px; width:calc(100% - 3.5rem); padding: 1rem 2.5rem 1rem 1rem; text-decoration: none; outline: none; border: 0px; background-color:red; background-color: transparent; } a#hamburger img, a#totop img { float:left; margin: 0px; padding: 0px; background-color:green; background-color: transparent; } a#hamburger img { position: relative; top:1rem; padding-bottom:1rem; } a#totop, a#totop:link, a#totop:visited, a#totop:active, a#totop:hover { float:right; padding: 1rem 1rem 1rem 2.5rem; } a#totop img { float:right; } /*********** Scrollposition *********/ #a, #top { position:absolute; top:-1.5rem; width:100%; } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:900px) { body { background-size: cover; } /**************** Zonen ****************/ #center { width: 100%; padding:0px; margin:0px; } #menue, #adresse { visibility: hidden; position: absolute; left:-100%; } /************ Branding ************/ #menuebereich { height: auto; width: 100%; padding:0px; margin:0px; background-image: url(pic/BrandingHG900.png); background-repeat: no-repeat; background-size: 79vw 30vw; background-position: 17vw 5px; } #branding { width: 100%; height: 36vw; padding: 0px 0px 2vw 0px; background-image: url(pic/Bluete.gif); background-repeat: no-repeat; background-size: 30vw 25vw; background-position: 3vw 5vw; } #Logotitel { width: 100%; padding: 10vw 0px 0px 20vw; font-size: 3.8vw; line-height: 3.8vw; letter-spacing: 0.5vw; } a#LogoLink, a#LogoLink:link, a#LogoLink:visited, a#LogoLink:hover, a#LogoLink:active { display:inline-block; width: 75.5vw; padding: 0.25rem 0px; margin: 0px -25vw 5vw 20vw; font-size: 8vw; line-height: 8vw; letter-spacing: 0.3vw; } #adresse_unten { visibility: visible; position: relative; float:right; left:0px; width: auto; height: auto; padding: 1rem; margin: 1rem; background-image: url(pic/Adresshintergrund900.png); background-size: 100% 100%; } /******** Impressum/Datenschutz ********/ #implink { position: relative; top: 6rem; } /**************** Inhalt **************/ #seitentitelbereich, #seitenfuss { background-size: 100% 100%; } #inhaltsbereich { width: 90vw; margin-left: 3vw; } .bildsehrklein, .bildklein { max-width: 30vw; } .bild { width: 100%; } /**************** Menü ****************/ #menue { width: 60vw; margin-left:25vw; background-color: transparent; background-image: url(pic/MenueHG900.png); background-size: 100% 100%; padding: 2rem 0px; } /************** Hamburger **************/ #a, a#hamburger { visibility: visible; position: relative; } #a{ top: -0.75rem; } a#hamburger { top: -1rem; } }