/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 18, 2020 */ @font-face { font-family: 'merriweather_light'; src: url('font/merriweather/merriweather_light.woff2') format('woff2'), url('font/merriweather/merriweather_light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_ultrabold'; src: url('font/merriweather/merriweather_ultrabold.woff2') format('woff2'), url('font/merriweather/merriweather_ultrabold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_bold'; src: url('font/merriweather/merriweather-bold.woff2') format('woff2'), url('font/merriweather/merriweather-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_bold_italic'; src: url('font/merriweather/merriweather-boldit.woff2') format('woff2'), url('font/merriweather/merriweather-boldit.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_italic'; src: url('font/merriweather/merriweather-italic.woff2') format('woff2'), url('font/merriweather/merriweather-italic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_light_italic'; src: url('font/merriweather/merriweather-lightit.woff2') format('woff2'), url('font/merriweather/merriweather-lightit.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_regular'; src: url('font/merriweather/merriweather-regular.woff2') format('woff2'), url('font/merriweather/merriweather-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'merriweather_ultrabold_italic'; src: url('font/merriweather/merriweather-ultrabdit.woff2') format('woff2'), url('font/merriweather/merriweather-ultrabdit.woff') format('woff'); font-weight: normal; font-style: normal; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 7, 2021 */ @font-face { font-family: 'ubuntubold'; src: url('font/ubuntu/ubuntu_b.woff2') format('woff2'), url('font/ubuntu/ubuntu_b.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntubold_italic'; src: url('font/ubuntu/ubuntu_bi.woff2') format('woff2'), url('font/ubuntu/ubuntu_bi.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntu_condensedregular'; src: url('font/ubuntu/ubuntu_c.woff2') format('woff2'), url('font/ubuntu/ubuntu_c.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntulight'; src: url('font/ubuntu/ubuntu_l.woff2') format('woff2'), url('font/ubuntu/ubuntu_l.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntulight_italic'; src: url('font/ubuntu/ubuntu_li.woff2') format('woff2'), url('font/ubuntu/ubuntu_li.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntumedium'; src: url('font/ubuntu/ubuntu_m.woff2') format('woff2'), url('font/ubuntu/ubuntu_m.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntumedium_italic'; src: url('font/ubuntu/ubuntu_mi.woff2') format('woff2'), url('font/ubuntu/ubuntu_mi.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('font/ubuntu/ubuntu_r.woff2') format('woff2'), url('font/ubuntu/ubuntu_r.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubuntuitalic'; src: url('font/ubuntu/ubuntu_ri.woff2') format('woff2'), url('font/ubuntu/ubuntu_ri.woff') format('woff'); font-weight: normal; font-style: normal; } @charset "UTF-8"; * { box-sizing: border-box; } body { font-family: 'ubuntulight', sans-serif; font-size: 0.8rem; line-height: 0.8rem; color: black; background-color: white; margin: 0px; padding: 0px; vertical-align: top; height: 100vw; width: 100vw; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow:hidden; } #zoommenue, #zoommenuehg { position: fixed; top:0px; right: 0px; background-color:rgba(200,220,0,0.4); z-index:2; } #zoomminus, #zoomplus, #zoomminushg, #zoomplushg { display:inline-block; font-family: 'ubuntubold', sans-serif; font-size: 3rem; line-height: 3rem; padding: 0.3rem 1.5rem 2.3rem 1.5rem; height: 4rem; border:none; } a#zoomminus:hover, a#zoomplus:hover { color: #22993f; } #zoomminushg, #zoomplushg { color: #bbb; } #zoomminus { visibility: hidden; } #massstabdiv { position: fixed; top:4.25rem; right: 0px; text-align:center; margin-right: 1.5rem; z-index:2; } #massstab { background-color: black; height: 3px; } #massstabtext { font-family: 'ubuntubold', sans-serif; font-size: 1rem; margin: 0.25rem 0px 0.25rem 0px; } #zoom { visibility: hidden; } #fensterbreite { position:absolute; width:100%; height: 100%; } #Ausschnittrahmen { position:absolute; z-index:1; top:0px; left:0px; width:100%; height: 100%; padding:0px; overflow: auto; } #karte { position:absolute; width:100%; height: 100%; top:0px; left:0px; overflow:visible; } #kartenbild { width:100%; margin: 0px 0px -10px 0px; } .PosInfoTitel { font-family: 'ubuntumedium', sans-serif; letter-spacing: 0rem; font-weight: normal; } /**************** debugging **************/ #info { display: none; position: fixed; bottom:0px; right: 0px; padding:2rem; background-color:rgba(200,220,0,0.4); } /***** info zur Ortsbestimmung ******/ #ShowPosInfo { position: fixed; top:0px; right: 0px; width: 1rem; height: 1rem; z-index:4; } #mausposition { font-family: 'ubuntulight', sans-serif; font-size: 0.8rem; line-height: 0.8rem; display: none; position: fixed; bottom:calc(7vh + 1.75rem); right: 0px; width: 6rem; padding: 1rem 0rem 1rem 1rem; background-color:rgba(200,220,0,0.4); line-height: 1.1rem; z-index:1; } /********** Ortelayer ******/ .ortelayer { position:absolute; width:100%; height:100%; overflow: visible; } .labeldiv { position:absolute; } .punkt { position:relative; width: 14px; height: 14px; border-radius: 14px; left: -7px; top: -7px; } .label { font-family: 'ubuntulight', sans-serif; font-size: 0.8rem; line-height: 0.8rem; position:relative; left:2px; top: -11px; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; white-space:nowrap; } .label a, .label a:link, .label a:visited, .label a:active, .label a:hover, .linkersatzkasten { font-family: 'ubuntulight', sans-serif; position:absolute; top:-1.85rem; z-index:1; color: black; text-decoration: none; padding: 0px 0.2rem; margin:0px; background-color:rgba(255,255,255,0.5); } .linkersatzkasten { padding: 0.3rem 0.2rem; } .label a:hover { background-color:white; } /********* Kartenlayermenue **********/ a.Kartenlayermenuepunkt_ein, a.Kartenlayermenuepunkt_ein:link, a.Kartenlayermenuepunkt_ein:visited, a.Kartenlayermenuepunkt_ein:hover, a.Kartenlayermenuepunkt_ein:active, a.Kartenlayermenuepunkt_aus, a.Kartenlayermenuepunkt_aus:link, a.Kartenlayermenuepunkt_aus:visited, a.Kartenlayermenuepunkt_aus:hover, a.Kartenlayermenuepunkt_aus:active { background-image:url("karte/pic/AugeAuf.svg"); background-position: right center; background-size: 30px; background-repeat: no-repeat; background-color:rgba(170,220,0,0.8) !important; } a.Kartenlayermenuepunkt_aus, a.Kartenlayermenuepunkt_aus:link, a.Kartenlayermenuepunkt_aus:visited, a.Kartenlayermenuepunkt_aus:hover, a.Kartenlayermenuepunkt_aus:active, a.Kartenlayermenuepunkt_aus:hover { background-image:url("karte/pic/AugeZu.svg"); background-color:rgba(200,220,0,0.8)!important; } a.Kartenlayermenuepunkt_aus:hover { background-color:rgba(170,220,0,0.8) !important; } a.Kartenlayermenuepunkt_ein:hover { background-color:rgba(200,220,0,0.8) !important; } @charset "UTF-8"; * { box-sizing: border-box; } body { font-family: 'ubuntulight', sans-serif; font-size: 0.8rem; line-height: 0.8rem; color: black; margin: 0px; padding: 0px; vertical-align: top; height: 100vw; width: 100vw; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow:hidden; } a, a:link, a:visited, a:active, a:hover { display:block; color: black; text-decoration: none; border:none; padding: 0.2rem; whitespace:nowrap; } a:hover { background-color:white; } a b { font-family: 'ubuntumedium', sans-serif; letter-spacing: 0rem; font-weight: normal; } #info { position: fixed; bottom:0px; right: 0px; padding:2rem; background-color:rgba(200,220,0,0.4); } #Eingabeformular { height:100vh; width:100vw; padding: 2rem; white-space:nowrap; overflow:auto; } .input, .inputkurz { font-family: 'ubuntulight', sans-serif; font-size: 0.9rem; display: inline-block; height: 2rem; width:10rem; margin: 0rem 1rem 1rem 0.2rem; padding: 0rem 0.5rem; border:1px solid black; } .inputkurz { width:4rem; } hr { height:0px; width:100vw; border:0px; border-top:1px solid black; margin: 1rem 0rem 1rem -2rem; clear: both; } .center { text-align:center; width:100vw; border-top:1px solid black; margin: 1rem 0rem 1rem -2rem; padding: 1rem 0rem 1rem 0rem; clear: both; } a.Absendebutton, a.Absendebutton:link, a.Absendebutton:visited, a.Absendebutton:active, a.Absendebutton:hover { font-family: 'ubuntumedium', sans-serif; position:relative; top:-0.1rem; display: inline-block; height: 2rem; margin: 0rem 1rem 1rem 0rem; padding: 0.1rem 0.5rem 0.5rem 0.5rem; border:1px solid black; background-color:rgba(200,220,0,0.4); } a.Absendebutton:hover { background-color:#99FF99; } .anleitung { font-family: 'ubuntulight', sans-serif; font-weight: normal; font-size: 0.9rem; line-height: 1.4rem; } .anleitung h2 { font-family: 'ubuntulight', sans-serif; font-size: 1.4rem; line-height: 1.8rem; letter-spacing: 0rem; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; } .anleitung h3 { font-family: 'ubunturegular', sans-serif; letter-spacing: 0rem; font-weight: normal; margin: 10px 0px 0px 0px; padding: 0px; } @charset "UTF-8"; /* CSS Document */ @-ms-viewport{ width: extend-to-zoom; zoom: 1.0;} * { box-sizing: border-box; } html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color:#fff; vertical-align: top; text-align: left; color: #333; color: #554; font-family: "merriweather_regular", serif; font-weight: normal; font-size: 1rem; line-height: 1.75rem; letter-spacing: 0.025rem; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; } table, tr, td { border-collapse:collapse; font-size: 1rem; border:none; vertical-align:top; text-align:left; } td.rsTD, td.fett { margin:0px; padding: 0.25rem 1rem 0.25rem 0px; vertical-align:top; text-align:left; font-family: "merriweather_regular", serif; font-weight: normal; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } td.fett { color: #000; } /************** Tags **************/ h1 { margin: 0rem 0rem 1rem 0rem; font-family: "merriweather_regular", serif; font-weight: normal; font-size: 2rem; line-height: 2.3rem; letter-spacing: 0.05rem; } h2 { margin: 0rem 0rem 0.3rem 0rem; font-family: "ubuntubold", sans-serif; font-weight: normal; font-size: 1.05rem; line-height: 1.5rem; text-transform:uppercase; } h3 { margin: 0rem 0px 0px 0px; font-family: "ubuntumedium", sans-serif; font-weight: normal; font-size: 1.05rem; line-height: 1.75rem; letter-spacing: 0px; } .klein { font-size: 0.7rem; line-height: 0.7rem; } b { font-family: "merriweather_bold", serif; font-weight: normal; } ol, ul { margin-top: 0px; margin-bottom: 0px; } li { padding-top: 7px; left: -10px; position: relative; } sup { font-size: 0.65rem; line-height: 0.7rem; } a:link, a:visited, a:hover, a:active, a:focus { display:inline-block; color: #393; text-decoration: none; font-family: "merriweather_regular", serif; line-height: 1.5rem; font-weight: normal; border-bottom:3px solid transparent; padding: 0px 0px 0px 0px; background-color: transparent; } a:hover, a:active, a:focus { outline: none; border-bottom:3px solid rgba(200,220,0,1); } img, a img, p a img, a.rsBildlink, a.rsBildlink:link, a.rsBildlink:visited, a.rsBildlink:hover, a.rsBildlink:active, a.rsBildlink:focus { display: block; padding: 0px; margin: 0px 0px 0px 0px; border: 0px; text-decoration: none; outline: none; } /************ Inhalt *************/ #zoom { position: absolute; } #contentrahmen, #startcontentrahmen { position: absolute; top:0px; right:0px; z-index:10; width: 70vw; height:calc(90% - 6rem); padding: 2rem 1rem 1rem 2rem; margin: 2rem 3rem 1rem 0rem; overflow:auto; border:1rem solid #abd627; background-color: transparent; background-color:rgba(255,255,255,0.95); } #startcontentrahmen { background-color: white; background-image:url(pic/goldHG.webp); background-size:cover; } .Startseitenillu { width: calc(100% + 4rem); padding: 0px; margin: 0px -2rem 1rem -2rem; } .Textblock_1_1, .Textblock_5_6, .Textblock_3_4, .Textblock_2_3, .Textblock_1_2, .Textblock_1_3, .Textblock_1_4, .Textblock_1_6 { display: inline-block; vertical-align: top; text-align:left; padding: 0px 0px 1rem 0px; margin: 0rem; } .Textblock_1_1 { width: calc(100% - 1rem); } .Textblock_5_6 { width: calc(83.3333333333% - 0.8333333rem); } .Textblock_3_4 { width: calc(75% - 0.75rem); } .Textblock_2_3 { width: calc(66.6666666666% - 0.6666666rem); } .Textblock_1_2 { width: calc(50% - 0.5rem); } .Textblock_1_3 { width: calc(33.3333333333% - 0.3333333rem); } .Textblock_1_4 { width: calc(25% - 0.25rem); } .Textblock_1_6 { width: calc(16.6666666666% - 0.1666666rem); } .Textabstand { width: calc(100% - 0.5rem); margin: 0px; padding: 0rem 0px 1rem 0px; } hr { height:0px; width:calc(100% + 4.5rem); border:0px; border-top:3px solid #abd627; margin: 1rem 0rem 0.75rem 0rem; clear: both; } .Textblock_1_1 hr { width: calc(70vw - 3rem); margin: 1rem -2rem 0.75rem -2rem; } .Textblock_5_6 hr, .Textblock_3_4 hr, .Textblock_2_3 hr, .Textblock_1_2 hr, .Textblock_1_3 hr, .Textblock_1_4 hr, .Textblock_1_6 hr { width: calc(100% - 1rem); } .Bild { width: 100%; padding: 0px; margin: 0px 0px 1rem 0px; } .Abstand { width: 100%; height: 1rem; } /************** Galerie *************/ .Galeriebereich { position:relative; display: inline-block; vertical-align:top; overflow:hidden; width: calc(100% + 1rem); margin: 0.75rem 0rem 0rem 0rem; background-size: cover; background-position: center; background-repeat: no-repeat; } .Legende { position:relative; font-family: 'ubuntulight', sans-serif; font-weight: normal; font-style:normal; font-size: 0.9rem; line-height: 1.1rem; bottom: 0rem; margin: 0px; padding: 0rem 0rem 0.5rem 0rem; } .bildzurueck, .bildweiter { position:absolute; top: 0; width: 50%; height: 100%; border: none; background-size: 4rem; background-repeat: no-repeat; background-position: left; cursor: pointer; opacity: 1; /* Starten mit Transparenz */ transition: opacity 0.3s ease-in-out; } .bildzurueck { left: 0; background-image: url('pic/Pfeil_Links.png'); } .bildweiter { right: 0; background-image: url('pic/Pfeil_Rechts.png'); background-position: right; } .bildzurueck:hover { background-image: url('pic/Pfeil_Links_H.png'); } .bildweiter:hover { background-image: url('pic/Pfeil_Rechts_H.png'); } /************* Kontaktformular ***********/ #kontaktformular { font-family: 'ubunturegular', sans-serif; font-size: 0.9rem; width: 100%; } #kontaktformular h2{ font-family: "merriweather_regular", serif; font-size: 1.5rem; } h2.adressat{ padding-top:2rem; } .Mitteilungsarea { font-family: 'ubuntulight', sans-serif; font-size: 1rem; width: calc(100% - 0.5rem); height: 8rem; margin: 0.3rem 0px 1.5rem 0px; padding: 0.5rem; border:1px solid black; } input { font-family: 'ubuntulight', sans-serif; font-size: 1rem; display: block; width: calc(100% - 0.5rem); height: 2rem; margin: -0.2rem 0px 1rem 0rem; padding: 0rem 0.5rem; border:1px solid black; } #kreuzkastbereich { line-height:2rem; margin: 1.5rem 0px 1.5rem 0px; padding: 0px; } .kreuzkast { position:relative; top:0.5rem; display: inline; width: 2rem; margin: 0px; padding: 0px; } /* remove standard-styles */ input.kreuzkast, input.kreuzkast:hover, input.kreuzkast:active, input.kreuzkast[type='checkbox'], input.kreuzkast[type='checkbox']:hover, input.kreuzkast[type='checkbox']:checked, input.kreuzkast[type='checkbox']:not(:checked){ -webkit-appearance: none; -moz-appearance: none; appearance: none; float:left; width:auto; border:none; border-radius: 0px; padding: 0px; margin: 3px 5px 0px 0px; background-color:transparent; } /* add custom inputs with ::before */ input.kreuzkast[type='checkbox'], input.kreuzkast[type='checkbox']:hover, input.kreuzkast[type='checkbox']:checked, input.kreuzkast[type='checkbox']:not(:checked) { position:relative; top:0px; left:0px; display: block; width: 1.3rem; height: 1.3rem; border: 1px solid black; border-radius: 0px; background-color: white; background-image:url(pic/check.png); background-repeat:no-repeat; background-position:center; background-size:1.3rem; } input.kreuzkast[type='checkbox']:not(:checked) { background-image: none; } input.kreuzkast[type='checkbox']:checked:hover { background-image:url(pic/checkN.png); } input.kreuzkast[type='checkbox']:hover { background-image:url(pic/checkY.png); } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; border:1px solid black; cursor:pointer; background: url("../pic/open.gif") no-repeat center right; background-color: #fff; font-family: 'ubuntulight', sans-serif; font-size: 0.8rem; height: 2rem; width: calc(100% - 0.5rem); margin: 1rem 0px; padding: 0rem 2rem 0rem 0.5rem; } input.Absendebutton { font-family: 'ubuntulight', sans-serif; font-size: 0.8rem; letter-spacing: 0.05rem; display: block; width: auto; height: auto; margin: 1rem 0px 1rem 0rem; padding: 0.2rem 0.5rem; } #DankMeldungRot, #DankMeldungGruen { font-family: 'ubuntubold', sans-serif; font-size: 1rem; color: white; background-color: #c30; width: calc(100% - 2.5rem); margin: 1rem 0px 0px 0px; padding: 0.5rem 1rem; } #DankMeldungGruen { background-color: #093; } /************* Hamburger *********/ a#hamburger { position: absolute; display: none; left:0rem; top:0px; z-index:11; } a#hamburger, a#hamburger:link, a#hamburger:visited, a#hamburger:active, a#hamburger:hover { margin: 0px; width:4rem; padding: 1rem 3rem 3rem 2rem; text-decoration: none; outline: none; border: 0px; background-color: transparent; } a#hamburger img { position: relative; padding:1rem; margin: 0px; padding: 0px; width: 2rem; height: 2rem; } a#heimtier, img#heimtier { position: absolute; display: none; left:3rem; top:0.2rem; z-index:11; height: 3.2rem; width: auto; } /*************** Zoommenue **************/ #zoommenuehg, #zoommenue, #massstabdiv { display:none; } /****************** Kopf *****************/ #hase { width: 100%; } a#logolink, a#logolink:link, a#logolink:visited, a#logolink:active, a#logolink:hover { border: none; text-decoration: none; outline: none; color:#007733; width: 220px; background-color:rgba(200,220,0,0.8); padding: 1rem 1rem 0.25rem 1rem; text-align:right; font-family: "merriweather_regular", serif; font-size: 0.8rem; line-height:1.75rem; } a#logolink:hover { background-color:rgba(170,220,0,0.8); } /**************** Menü *************/ #Menuespalte { position: absolute; top:0px; z-index:12; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow:auto; height:calc(93vh - 2rem); width: calc(220px + 3rem); } #Menue, #Kartenlayermenue { padding: 0px; margin: 0px; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } #Kartenlayermenue { margin-left: 0.5rem; } #KartenlayermenueP { display:none; } #Kartenlayermenue a, #Kartenlayermenue a:link, #Kartenlayermenue a:visited, #Kartenlayermenue a:hover, #Kartenlayermenue a:active, #KartenlayermenueP a, #KartenlayermenueP a:link, #KartenlayermenueP a:visited, #KartenlayermenueP a:hover, #KartenlayermenueP a:active, a.nav, a.nav:link, a.nav:visited, a.nav:hover, a.nav:active, a.navX, a.navX:link, a.navX:visited, a.navX:hover, a.navX:active, a.navA, a.navA:link, a.navA:visited, a.navA:hover, a.navA:active { font-family: "ubuntumedium", sans-serif; display: block; width: 220px; text-decoration: none; border:none; outline:none; font-size: 1rem; line-height: 1rem; padding: 0.4rem 0.2rem 0.5rem 1rem; margin: 0.5rem; color: #000; background-color:rgba(200,220,0,0.8); } a.navA, a.navA:link, a.navA:visited, a.navA:hover, a.navA:active { } a.navX, a.navX:link, a.navX:visited, a.navX:active, a.navX:hover, #Kartenlayermenue a:hover, #KartenlayermenueP a:hover, a.nav:hover, a.navA:hover { background-color:rgba(170,220,0,0.8); } /**************** Socialmedia *************/ .socialmediazeile { width: 220px; height: 1.9rem; padding-left: 1rem; background-color:rgba(255,255,255,0.7); border: 1px solid rgba(170,220,0,1); border-left: none; } a.socialmedialink, a.socialmedialink:link, a.socialmedialink:visited, a.socialmedialink:active, a.socialmedialink:hover { display: inline-block; height: 1.9rem; width: 2.5rem; border: none; } a.socialmedialink:hover { background-color:#abd627; } img.socialmediapic { height: 1.5rem; width: 1.5rem; margin: 0.2rem 0rem 0rem 0.5rem; } /******* Speziallink 50 Jahre ******/ .goldzeile { width: 220px; padding: 0px; margin: 0.3rem 0px; border: none; } a.goldlink, a.goldlink:link, a.goldlink:visited, a.goldlink:active, a.goldlink:hover { font-family: "ubuntumedium", sans-serif; display: block; text-decoration: none; border:none; outline:none; font-size: 0.725rem; line-height: 1rem; padding: 0.4rem 0.2rem 0.5rem 1rem; color: #A97000; color:#007733; background-color: rgba(230,190,0,0.5); border: 1px solid rgba(180,140,0,1); border: 1px solid rgba(170,220,0,1); border-left: none; } a.goldlink:hover { color: rgba(230,190,0,0.7); color: black; } /****************** Fuss ***************/ #Sponsorenbande { position: fixed; bottom:0rem; left:-50vw; width: 200vw; height:calc(7vh + 2rem); overflow:visible; margin: 0px; z-index:12; text-align:center; } #Sponsorenbande a.rsBildlink, #Sponsorenbande a.rsBildlink:link, #Sponsorenbande a.rsBildlink:visited, #Sponsorenbande a.rsBildlink:hover, #Sponsorenbande a.rsBildlink:active { display:inline-block; height:calc(9vh + 2rem); overflow:visible; text-decoration: none; background-color: transparent; padding: 0rem; margin: 0rem -1rem; } #Sponsorenbande a.rsBildlink:hover, #Sponsorenbande a.rsBildlink:active { position:relative; top: -1rem; } #Sponsorenbande a.rsBildlink img { height:calc(7vh + 2rem); padding: 1rem 2rem 1rem 1rem; margin: 0rem; background-color: #fff; border-style: solid; border-color: #abd627; border-width: 1rem 1rem 0rem 1rem; } #Sponsorenbande a.rsBildlink img:hover { height:calc(7vh + 3rem); padding: 1rem 1.3rem 1rem 1rem; margin: 0rem 0.7rem 0rem 0rem; border-width: 1rem; } @charset "UTF-8"; /* CSS Document */ @-ms-viewport{ width: extend-to-zoom; zoom: 1.0;} @media screen and (max-width:1100px) { .Textblock_1_1 hr, .Textblock_5_6 hr, .Textblock_3_4 hr, .Textblock_2_3 hr, .Textblock_1_2 hr, .Textblock_1_3 hr { width: calc( 100% + 4.5rem); margin: 1rem -2rem 0.75rem -2rem; } .Textblock_1_4 hr, .Textblock_1_6 hr { width: calc(100% - 0.5rem); } /***************** Inhalt ****************/ #contentrahmen, #startcontentrahmen { width: calc(100vw - 220px - 6rem); margin: 1.5rem 2rem 0rem 0rem; padding: 1.5rem 0.5rem 0.5rem 1rem; height:calc(90% - 5.5rem); } .Startseitenillu { width: calc(100% + 4rem); } .Textblock_1_1, .Textblock_5_6, .Textblock_3_4, .Textblock_2_3, .Textblock_1_2, .Textblock_1_3{ width: calc(100% - 1.5rem); } .Textblock_1_6 { width: calc(33.333333% - 0.3333333rem); } .Textblock_1_4 { width: calc(50% - 0.5rem); } .Textblock_1_6 .Textabstand { width: calc(100% - 0.5rem); font-size: 0.8em; letter-spacing: 0rem; } /************** Galerie *************/ .bildzurueck, .bildweiter { background-size: 3.25rem; } } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:800px) { #contentspalte { position: relative; float:left; width: 100%; height:auto; left:0px; top:0px; margin:0px; padding:0px; border:0px; } .Startseitenillu { width: calc(100% + 2.5rem); padding: 0px; margin: 0px -1rem 1rem -1rem; } /***************** Inhalt **************/ #contentrahmen, #startcontentrahmen { width: calc(100vw - 4rem); margin: 4rem 2rem 0.5rem 0rem; padding: 0.5rem 0.5rem 0.5rem 1rem; height:calc(90% - 6.5rem); } .Startseitenillu { width: calc(100% + 3rem); } .Textblock_1_6, .Textblock_1_4 { width: 50%; } .Textblock_1_1 .Textabstand, .Textblock_5_6 .Textabstand, .Textblock_3_4 .Textabstand, .Textblock_2_3 .Textabstand, .Textblock_1_2 .Textabstand, .Textblock_1_3 .Textabstand, .Textblock_1_6 .Textabstand, .Textblock_1_4 .Textabstand { width: calc(100% + 0.5rem); font-size: 1em; line-height: 1.5em; letter-spacing: 0.03rem; } .Textblock_1_6 .Textabstand, .Textblock_1_4 .Textabstand { width: 100%; } .Textblock_1_1 hr, .Textblock_5_6 hr, .Textblock_3_4 hr, .Textblock_2_3 hr, .Textblock_1_2 hr, .Textblock_1_3 hr { width: calc( 100% + 4rem); } .Textblock_1_1 hr { width: calc(100% + 2.5rem); margin: 1rem -2rem 0.75rem -1rem; } /************** Galerie *************/ .bildzurueck, .bildweiter { background-size: 2.75rem; } /************* Kontaktformular ***********/ .Mitteilungsarea, input, select { width: 100%; width:100%; } /************** Hamburger **************/ a#hamburger, a#heimtier, img#heimtier { display:block; } /******************** Menü ******************/ a#logolink, a#logolink:link, a#logolink:visited, a#logolink:active, a#logolink:hover { background-color: #d1e73c; } #Menuespalte, #Menue { width: 100%; margin: 0px; padding: 0px; border: 0px; } #Menuespalte { display:none; position: fixed; left: 0px; top: 0px; } #Menue { padding: 0px 0px calc(7vh + 2.5rem) 0px; } #Kartenlayermenue { display:none; } #KartenlayermenueP { position: fixed; display: block; bottom: calc(7vh + 2.5rem); z-index:12; overflow:auto; height:auto; width:auto; } a.nav, a.nav:link, a.nav:visited, a.nav:hover, a.nav:active, a.navX, a.navX:link, a.navX:visited, a.navX:hover, a.navX:active, a.navA, a.navA:link, a.navA:visited, a.navA:hover, a.navA:active { font-size: 1rem; line-height: 1.8rem; padding-left: 1rem; background-color: #d1e73c; } a.navA, a.navA:link, a.navA:visited, a.navA:hover, a.navA:active { } a.navX, a.navX:link, a.navX:visited, a.navX:hover, a.navX:active { color: #d1673d; background-color: #abd627; } a.nav:hover, a.navA:hover, a.navX:hover { color: #f46831; } .socialmediazeile { height: 2.5rem; padding-left: 4rem; } a.socialmedialink, a.socialmedialink:link, a.socialmedialink:visited, a.socialmedialink:active, a.socialmedialink:hover { height: 2.5rem; } img.socialmediapic { margin-top: 0.5rem; } }