/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 24, 2019 */ @font-face { font-family: 'fira_sansultra'; src: url('font/fira/firasans-ultra-webfont.woff2') format('woff2'), url('font/fira/firasans-ultra-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansmedium'; src: url('font/fira/firasans-medium-webfont.woff2') format('woff2'), url('font/fira/firasans-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansmedium_italic'; src: url('font/fira/firasans-mediumitalic-webfont.woff2') format('woff2'), url('font/fira/firasans-mediumitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansbook'; src: url('font/fira/firasans-book-webfont.woff2') format('woff2'), url('font/fira/firasans-book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansbook_italic'; src: url('font/fira/firasans-bookitalic-webfont.woff2') format('woff2'), url('font/fira/firasans-bookitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sanslight'; src: url('font/fira/firasans-light-webfont.woff2') format('woff2'), url('font/fira/firasans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansultralight'; src: url('font/fira/firasans-ultralight-webfont.woff2') format('woff2'), url('font/fira/firasans-ultralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sansthin'; src: url('font/fira/firasans-thin-webfont.woff2') format('woff2'), url('font/fira/firasans-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sanshair'; src: url('font/fira/firasans-hair-webfont.woff2') format('woff2'), url('font/fira/firasans-hair-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fira_sanseight'; src: url('font/fira/firasans-eight-webfont.woff2') format('woff2'), url('font/fira/firasans-eight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*! 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; } @charset 'UTF-8'; /* CSS Document */ @-ms-viewport{ width: extend-to-zoom; zoom: 1.0;} * { box-sizing: border-box; } html, body, p, h1, h2, h3, td, div { font-family: 'merriweather_light', sans-serif; font-weight: normal; font-style:normal; font-size: 0.95rem; line-height: 1.5rem; margin: 0px; padding: 0px 0px 2px 0px; vertical-align: top; text-align: left; hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -webkit-font-smoothing: grayscale; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; } html, body { height: 100%; width: 100%; } #container { float:right; width: 100%; min-height: 100%; } #linke_Seite { position: absolute; left:0px; top:0px; width: 35%; padding-bottom: 3vw; } #rechte_Seite { position: absolute; top:0px; right: 0px; width: 65%; background-color: white; } #rechts_weiss { position: fixed; right: 0px; width: 65%; height: 100%; background-color: white; } #teiler { position: fixed; left: 35%; top: 0px; height: 100%; background-color: black; width:2px; z-index:9; } table, tr, td { border-collapse: collapse; border: 0px none transparent; } h1, h2, h3 { margin: 0px; padding: 0px; } h1, h2 { padding : 0px; margin: 0px 0px 1.5rem 0px; font-family: 'fira_sansultralight', sans-serif; font-weight: normal; font-style:normal; font-size: 3rem; line-height: 3.5rem; letter-spacing: 0.005rem; } h2 { margin: 0px 0px 0.75rem 0px; font-size: 2rem; line-height: 2.5rem; letter-spacing: 0.005rem; } h3 { margin: 0px; padding: 0px; font-family: 'fira_sansmedium', sans-serif; font-weight: normal; font-style:normal; font-size: 1rem; line-height: 1.5rem; } #AbstimmungsJA { font-family: 'fira_sansultra', sans-serif; color:#7FCAC5; } i { font-family: 'merriweather_light_italic', sans-serif; font-weight: normal; font-style:normal; } b { font-family: 'merriweather_regular', sans-serif; font-weight: normal; font-style:normal; } b i, i b { font-family: 'merriweather_italic', sans-serif; font-weight: normal; font-style:normal; } sup { display:inline-block; position:relative; line-height: 0.5rem; letter-spacing: 0px; } ul, ol { padding: 0px; margin: 0px 0px 0px 1.1rem; } li { padding: 0.3rem 0px 0.3rem 0.5rem; margin: 0px 0px 0px 0px; background-repeat:no-repeat; background-position: left 0.7rem; background-size: 0.6rem; } img { border-width: 0px; border-style: none; border-color: transparent; padding:0px; margin:0px; } hr { height:0px; border:0px; border-top:1px solid #000; margin: 1.5rem 0px; clear: both; } .content_balken { float: left; height: 2px; margin: 2rem 0px 2rem -2.5rem; width: calc(100% + 4rem); padding: 0px; background-color: #000; } a:link, a:active, a:visited { color: #000; text-decoration: none; outline: none; padding-bottom:1px; border-bottom: 1px solid black; } a:hover { color: #000; border-bottom: dashed 2px black; } a:link.rsBildlink, a:active.rsBildlink, a:visited.rsBildlink { text-decoration: none; border:none } .klein { font-size: 0.8rem; } .rot { color: red; } .blau { font-weight: bold; } /******** Zustimmungsdiv*********/ #zustimmungsabdecker { position: fixed; width:100%; height:100%; top:0px; z-index:9999; overflow:auto; padding-bottom:1rem; } #zustimmungsdiv { position: absolute; background-color: rgba(255,255,255,0.9); border: 2px solid #000; top:30%; margin:120px; padding: 2rem; z-index:10000; } #zustimmungsbuttondiv { width: 100%; text-align:center; margin: 3rem 0px; } a#consentgross, a#consentgross:link, a#consentgross:visited, a#consentgross:active, a#consentgross:hover, a#consentklein, a#consentklein:link, a#consentklein:visited, a#consentklein:active, a#consentklein:hover { text-decoration: none; display: inline-block; margin: 0.5rem 0.5rem 1rem 0.5rem; padding:1rem; color:black; font-family: 'fira_sansmedium', sans-serif; font-size: 1.8rem; line-height: 2rem; letter-spacing: 1px; background-color:#99c800; color: white; border:none; } a#consentklein, a#consentklein:link, a#consentklein:visited, a#consentklein:active, a#consentklein:hover { background-color:#888; } a#consentgross:hover { background-color:#9ad014; color: white; } a#consentklein:hover { background-color:#666; } #zustimmungsdivEinzeln { background-color: rgba(255,255,255,0.9); border: 2px solid #000; margin:3rem auto; width: 90%; padding: 2rem; z-index:100; } #dataimp { position:relative; top:-3rem; } /******** YouTube Video*********/ .film_container3x4, .film_container16x9, .film_container9x16 { padding-bottom: 75%; /* bei 3x4 */ position: relative; overflow: hidden; width:calc(100% + 4rem); left:-2.5rem; height: auto; } .film_container9x16 { padding-bottom: 210%; /* bei 9x16 */ } .film_container16x9 iframe, .film_container9x16 iframe, .film_container3x4 iframe { position: absolute; top: 0; left: 0; width: 90%; height: 90%; max-height: 100vh; background-color: gray; } .film_container16x9 { padding-bottom: 56.25%; /* bei 16x9 */ width: 100%; width:calc(100% - 1rem); left:0rem; top:2rem; margin-bottom:3rem; } .film_container16x9 iframe { width:calc(100% + 1rem); height: 100%; } /********* Tabelle **********/ .rsTD { padding: 5px 3px 5px 6px; font-size: 0.95rem; line-height: 1.2rem; font-family: 'fira_sanslight', sans-serif; font-weight: normal; font-style:normal; border-width: 1px; border-style: solid; border-color: silver; } /******************** Inhalt ******************/ #content { float:left; margin: 0px; padding: 3vw 1.5rem 2rem 2.5rem; background-color: white; width: 100%; } .Textblock_1_4, .Textblock_2_4, .Textblock_3_4, .Textblock_4_4 { display:inline-block; vertical-align:top; padding: 0px; margin: 0px; padding: 0px 0px 1.5rem 0rem; } .Textblock_1_4 {width: 25%;} .Textblock_2_4 {width: 50%;} .Textblock_3_4 {width: 75%;} .Textblock_4_4 {width: 100%;} .textabstand { padding: 0px 1rem 0px 0rem; max-width: 40rem; } .Textblock_4_4 .textabstand h1, .Textblock_4_4 .textabstand h2 { width: calc(65vw - 4rem); } .Textblock_4_4 hr { //margin: 1rem 0px 1rem -2.5rem; //width: calc(100% + 4rem); } .Textblock_4_4 .textabstand hr { margin: 1rem 0px ; width: 100%; } .Textblock_4_4 .legende { bottom: 2rem; } img.Bild { width: 100%; padding:0px; margin: 0px; } .Abstand { display:block; height:2rem; width: 100%; } /************** Galerie *************/ .Galeriebereich { position:relative; display: inline-block; vertical-align:top; overflow: hidden; width: 100%; padding: 0px; margin: 0px; } .Textblock_1_4 .Galeriebereich, .Textblock_2_4 .Galeriebereich, .Textblock_3_4 .Galeriebereich { width: calc(100% - 1rem); } .Textblock_4_4 .Galeriebereich { margin: 0px 0px 0rem -2.5rem; width: calc(100% + 4rem); } .Textblock_4_4 .satzspiegel .Galeriebereich { margin: 0px 0rem 0rem 0rem; padding: 0px 0.75rem 0rem 0rem; width: 100%; } .Textblock_4_4 .satzspiegel .Galeriebereich .Legende, .Legende { position:relative; font-family: 'fira_sanslight', sans-serif; font-weight: normal; font-style:normal; font-size: 0.85rem; line-height: 1.15rem; bottom: 0rem; margin: 0px 0px 2rem 0px; width: 100%; } .Textblock_4_4 .Galeriebereich .Legende { margin: 0px 0px 0px 2.5rem; width: calc(100% - 5rem); } .bildzurueck, .bildweiter { position: absolute; top: 0; width: 50%; height: calc(100% - 0.5rem); padding:0px; margin: 0px; border: none; background-size: 4rem; background-repeat: no-repeat; background-position: left; cursor: pointer; } .bildzurueck { left: 0; background-image: url('pic/Pfeil_Links.png'); } .bildweiter { right: 0; background-image: url('pic/Pfeil_Rechts.png'); background-position: right; } .satzspiegel .Galeriebereich .bildweiter { right: 1rem; } .bildzurueck:hover { background-image: url('pic/Pfeil_Links_H.png'); } .bildweiter:hover { background-image: url('pic/Pfeil_Rechts_H.png'); } /******************** Fuss ******************/ #Fuss { position:relative; float: left; width: 100%; padding: 0px; margin: 0px; } #fusscontent { float: left; width: 100%; padding: 0rem 2.5rem 0rem 1rem; margin:0px; } .Fuss_balken { float: left; height: 2px; margin: 0.5rem 0rem 0rem -1rem; width: calc(100% + 3.5rem); background-color: #000; } #fusscontent .Textblock_1_4 {width: 25%;} #fusscontent .Textblock_2_4 {width: 50%;} #fusscontent .Textblock_3_4 {width: 75%;} #fusscontent .Textblock_4_4 {width: 100%;} #fusscontent .Textblock_1_4, #fusscontent .Textblock_2_4, #fusscontent .Textblock_3_4, #fusscontent .Textblock_4_4 { float: left; } #fusscontent .Textblock_1_4 .textabstand, #fusscontent .Textblock_2_4 .textabstand, #fusscontent .Textblock_3_4 .textabstand, #fusscontent .Textblock_4_4 .textabstand { font-family: 'fira_sanslight', sans-serif; font-weight: normal; font-style:normal; font-size: 0.85rem; line-height: 1.15rem; margin: 0px; padding: 1rem 0px 0px 1rem; } #fusscontent .Textblock_1_4 .Bild, #fusscontent .Textblock_2_4 .Bild, #fusscontent .Textblock_3_4 .Bild, #fusscontent .Textblock_4_4 .Bild { padding: 0.5rem 0px 0px 1rem; width: calc(100% - 1rem); } #fusscontent a:link, #fusscontent a:active, #fusscontent a:visited, #fusscontent a:hover { padding-bottom:0px; } #fusscontent a:hover { } #fusscontent b, #fusscontent h3 { font-family: 'fira_sansmedium', sans-serif; font-weight: normal; font-style:normal; font-size: 0.85rem; line-height: 1.17rem; } /************** Impressum ***************/ #Impressumslinkcontainer { float: left; text-align:right; width: 100%; padding: 0px; margin: 1rem 0px 0.3rem 0px; border-top: 2px solid black; } #Impressumslinkcontainer a, #Impressumslinkcontainer a:link, #Impressumslinkcontainer a:visited, #Impressumslinkcontainer a:active, #Impressumslinkcontainer a:hover { display:inline-block; font-family: 'fira_sanslight', sans-serif; font-weight: normal; font-style:normal; color: #000; font-size: 0.75rem; line-height: 0.75rem; margin: 0px 1rem 0px 0px; padding: 0px 0rem 0rem 0px; letter-spacing: 0.05rem; border-bottom: 2px solid transparent; } #Impressumslinkcontainer a:hover { border-bottom: 2px dashed black; } /**************** Kontaktformular *************/ .input { display: block; margin: 0px 0px 0.5rem 0px; padding: 0.3rem 0.5rem 0.2rem 0.5rem; font-family: 'merriweather_light_italic', sans-serif; font-weight: normal; font-style:normal; font-size: 1rem; letter-spacing: 0.03rem; width:100%; border:none; border: 1px solid #000; } .Mitteilungsarea { width:100%; height:100px; padding: 0.3rem 0.5rem 0.2rem 0.5rem; margin: 0.5rem 0px; font-family: 'merriweather_light_italic', sans-serif; font-weight: normal; font-style:normal; font-size: 1rem; letter-spacing: 0.03rem; border:none; } #d1 .Mitteilungsarea, #d2 .input , #d3 .input , #d4 .input , #d5 .input , #d6 .input , #d7 .input { border: 1px solid #000; } #Absendebutton { display: block; margin: 1.5rem 0px 0.5rem 0px; padding: 0.2rem 0.5rem; font-family: 'fira_sansmedium', sans-serif; font-weight: normal; font-style:normal; letter-spacing: 0.05rem; font-size: 1rem; background-color: #fff; color: #000; border: 2px solid black; } #MeldungRot, #MeldungGruen { font-family: 'fira_sansmedium', sans-serif; font-weight: normal; font-size: 1.2rem; font-style:normal; letter-spacing: 0.03rem; margin-top: 1rem; padding: 0.2rem 0rem; color: red; } #MeldungGruen { color: green; margin-top: 2rem; } #d8 { vertical-align:middle; padding: 0.5rem 0rem 0.5rem 0.3rem; } #d8 input[type="checkbox"] { width:2rem; height:2rem; vertical-align:middle; margin-left: -0.3rem; border: 1px solid black; } #d7 { display:none; } /************** Anker ***************/ #tomenuediv { visibility: hidden; display:none; } #tomenuediv a, #tomenuediv a:link, #tomenuediv a:visited, #tomenuediv a:active, #tomenuediv a:hover { position: relative; display: inline-block; float:right; clear: both; padding: 1.5rem; background-color: transparent; border: none; } #totopdiv { display:none; position: fixed; bottom: 4.5rem; right: 0px; background-color: red; background-color: transparent; width: 4rem; height: 4rem; z-index:10; } #totopdiv a, #totopdiv a:link, #totopdiv a:visited, #totopdiv a:active, #totopdiv a:hover { position: absolute; display: block; padding: 1.75rem 1.5rem 1.5rem 1.5rem; background-color: transparent; background-color: rgba(255,255,255,0.85); border: none; border-radius: 3rem; } #totopdiv a img, #tomenuediv a img { width: 30px; height: 30px; } /************** Kopf ***************/ #Kopf { float:left; width: 100%; padding: 3vw 0px 0px 0px; margin: 0px; } a#LogoLink, a#LogoLink:link, a#LogoLink:visited, a#LogoLink:active, a#LogoLink:hover { display:block; float:left; position: relative; left: 9%; text-decoration: none; border: 2px solid transparent; padding: 1px; width: calc(82% - 4px); max-width: 12rem; //background-color: rgba(255,255,255,0.1); } a#LogoLink:hover { border: 3px dashed white; width: calc(82% - 2px); padding: 0px; } #Logo { display:block; position: relative; padding: 0px; margin: 0px; text-decoration: none; background-color: transparent; border-width: 0px; border-style: none; width: 100%; } /******************** Menü ******************/ #menue { position:relative; left:0px; float: left; width: calc(82% - 2px); margin: 2.5vw 0px 0px 9%; padding: 0px 0px 0px 0px; } .menuezeile { float: left; width: 100%; } a.nav, a.nav:link, a.nav:visited, a.nav:active, a.nav:hover, a.navX, a.navX:link, a.navX:visited, a.navX:active, a.navX:hover, a.navA, a.navA:link, a.navA:visited, a.navA:active, a.navA:hover, a.nav_R, a.nav_R:link, a.nav_R:visited, a.nav_R:active, a.nav_R:hover, a.nav_RX, a.nav_RX:link, a.nav_RX:visited, a.nav_RX:active, a.nav_RX:hover, a.nav_RA, a.nav_RA:link, a.nav_RA:visited, a.nav_RA:active, a.nav_RA:hover, a.nav_U, a.nav_U:link, a.nav_U:visited, a.nav_U:active, a.nav_U:hover, a.nav_UX, a.nav_UX:link, a.nav_UX:visited, a.nav_UX:active, a.nav_UX:hover, a.nav_UA, a.nav_UA:link, a.nav_UA:visited, a.nav_UA:active, a.nav_UA:hover { display:block; font-family: 'fira_sansbook', sans-serif; font-weight: normal; font-style:normal; text-decoration: none; background-color: transparent; border: 2px solid transparent; color: black; font-size: 1rem; line-height: 1.05rem; letter-spacing: 0px; padding: 0.3rem 0.4rem 0.2rem 1.75rem; background-image:url('pic/pfeil.svg'); background-repeat: no-repeat; background-size: 1rem; background-position: 0.3rem 0.3rem; margin: -2px 0px; } a.nav_R, a.nav_R:link, a.nav_R:visited, a.nav_R:active, a.nav_R:hover, a.nav_RX, a.nav_RX:link, a.nav_RX:visited, a.nav_RX:active, a.nav_RX:hover { background-image:url('pic/pfeil_R.svg'); } a.nav_U, a.nav_U:link, a.nav_U:visited, a.nav_U:active, a.nav_U:hover, a.nav_UX, a.nav_UX:link, a.nav_UX:visited, a.nav_UX:active, a.nav_UX:hover, a.nav_UA, a.nav_UA:link, a.nav_UA:visited, a.nav_UA:active, a.nav_UA:hover { background-image:url('pic/pfeil_RU.svg'); } a.navX, a.navX:link, a.navX:visited, a.navX:active, a.nav_RX, a.nav_RX:link, a.nav_RX:visited, a.nav_RX:active, a.nav_UX, a.nav_UX:link, a.nav_UX:visited, a.nav_UX:active { border: 2px solid white; } a.nav:hover, a.nav:hover, a.navX:hover, a.nav_R:hover, a.nav_RX:hover, a.nav_U:hover, a.nav_UX:hover, a.nav_UA:hover { border: 2px dashed white; } /************* Spezialmenue*************/ #Spezialmenuebereich { position:fixed; float: left; bottom: 0px; padding: 3vw 0px 0px 0px; margin-top: 2.5vw; border-top: 2px solid white; } #Spezialmenuebereich .menuezeile { width: calc(82% - 2px); margin-left: 9%; } #Spezialmenuebereich .menuezeile a.nav { background-image:url('pic/pfeil_R.svg'); } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:1400px) { .Textblock_1_4, .Textblock_3_4 { width: 50%; } .Textblock_2_4 { width: 100%; } #fusscontent .Textblock_1_4, #fusscontent .Textblock_2_4, #fusscontent .Textblock_3_4 { width: 33.333333%; } .Textblock_4_4 .textabstand { padding:0px; } /**************** Startseite **************/ .homekasten { width: calc(50% - 1.75rem); } } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:1000px) { .film_container9x16 { width:calc(100% + 5rem); padding-bottom: 220%; /* bei 9x16 */ } .film_container9x16 iframe { width: 100%; height: 100%; } #fusscontent .Textblock_1_4, #fusscontent .Textblock_2_4, #fusscontent .Textblock_3_4, #fusscontent .Textblock_4_4 { width: 50%; } .Textblock_1_4, .Textblock_2_4, .Textblock_3_4, .Textblock_4_4 { width: 100%; } .Textblock_4_4 .textabstand h1, .Textblock_4_4 .textabstand h2 { width: calc(50vw - 4rem); } #linke_Seite, #rechte_Seite, #rechts_weiss { width: 50%; } #teiler { left:50%; } /************** Kopf ***************/ #Kopf { padding: 9% 0px 0px 0px; } /******************** Menü ******************/ #menue { margin-top: 2.5rem; } } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:800px) { .Fuss_mitte .Textblock_1_4, .Fuss_mitte .Textblock_2_4, .Fuss_mitte .Textblock_3_4 { width: 50%; } } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:700px) { /******** Schriftgössen*********/ html, body, p, h1, h2, h3, td, div { font-size: 1.1rem; line-height: 1.8rem; } h1, h2 { font-size: 3rem; line-height: 3.5rem; } h2 { font-size: 2rem; line-height: 2.5rem; } h3 { font-size: 1.2rem; line-height: 1.7rem; } td.rsTD { font-size: 1rem; line-height: 1.3rem; } .legende, #fusscontent .Textblock_1_4 .textabstand, #fusscontent .Textblock_2_4 .textabstand, #fusscontent .Textblock_3_4 .textabstand, #fusscontent .Textblock_4_4 .textabstand { font-size: 1rem; line-height: 1.5rem; } #fusscontent b, #fusscontent h3 { font-size: 1rem; line-height: 1.55rem; } a.nav, a.nav:link, a.nav:visited, a.nav:active, a.nav:hover, a.navX, a.navX:link, a.navX:visited, a.navX:active, a.navX:hover, a.navA, a.navA:link, a.navA:visited, a.navA:active, a.navA:hover, a.nav_R, a.nav_R:link, a.nav_R:visited, a.nav_R:active, a.nav_R:hover, a.nav_RX, a.nav_RX:link, a.nav_RX:visited, a.nav_RX:active, a.nav_RX:hover, a.nav_RA, a.nav_RA:link, a.nav_RA:visited, a.nav_RA:active, a.nav_RA:hover, a.nav_U, a.nav_U:link, a.nav_U:visited, a.nav_U:active, a.nav_U:hover, a.nav_UX, a.nav_UX:link, a.nav_UX:visited, a.nav_UX:active, a.nav_UX:hover, a.nav_UA, a.nav_UA:link, a.nav_UA:visited, a.nav_UA:active, a.nav_UA:hover { font-size: 1.2rem; line-height: 1.25rem; } #Impressumslinkcontainer a, #Impressumslinkcontainer a:link, #Impressumslinkcontainer a:visited, #Impressumslinkcontainer a:active, #Impressumslinkcontainer a:hover { font-size: 1rem; line-height: 1rem; } /***************************************/ #linke_Seite, #rechte_Seite { position: relatve; float:left; top:auto; width: 100%; } #linke_Seite { //min-height:100vh; } #teiler, #rechts_weiss { visibility:hidden; display:none; } /******** Zustimmungsdiv*********/ #zustimmungsdiv { top:20%; margin:1rem; } /******************** Inhalt ******************/ .Textblock_4_4 .Bild { border-bottom: none; } /********* Tabelle **********/ .rsTD { padding: 2px 2px 3px 4px; font-size: 11px; line-height: 14px; border-width: 1px; border-style: solid; border-color: silver; } .Textblock_4_4 .textabstand h1, .Textblock_4_4 .textabstand h2 { width: calc(100vw - 4rem); } /************** Anker ***************/ #totopdiv { display: block; visibility: visible; } #tomenuediv { display: block; visibility: visible; width: 100%; margin: 1.5rem 0px 0rem 0px; } /************* Spezialmenue*************/ #Spezialmenuebereich { position:relative; bottom: auto; width: 100%; margin: 12vw 0px 0px 0px; } } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:350px) { /********* Fuss **********/ #fusscontent .Textblock_1_4, #fusscontent .Textblock_2_4, #fusscontent .Textblock_3_4, #fusscontent .Textblock_4_4 { width: 100%; } } #foto_db_container { margin: 2rem 0px 2rem -2.5rem; width: calc(100% + 4rem); } .foto_db_zeile { width: 100%; border-top: 0px solid black; padding: 0rem 0px 1.5rem 2.5rem; border-top: 1px solid #ccc; } .datumsdiv { text-align: right; padding: 0.5rem 1rem 0.25rem 2.5rem; font-family: 'fira_sanslight', sans-serif; font-weight: normal; font-style:normal; } .foto_db_VorschauDiv { width: 200px; display: inline-block; } .foto_db_BeschreibungDiv { width: calc(100% - 200px - 2rem); display: inline-block; margin-left: 1rem; overflow-wrap: break-word; } a.foto_db_Lupe, a:link.foto_db_Lupe, a:active.foto_db_Lupe, a:visited.foto_db_Lupe, a.foto_db_Lupe:hover { border: none; } a.foto_db_Lupe:hover { filter: contrast(110%) brightness(95%) saturate(1.25); } #foto_db_Lupencontainer { display: none; position: fixed; inset: 0; background: rgba(250,250,250,0.5); backdrop-filter: blur(3px); /* Safari */ -webkit-backdrop-filter: blur(3px); justify-content: center; align-items: center; z-index: 9999; } #foto_db_Lupencontainer img { max-width: 90%; max-height: 90%; box-shadow: 3px 5px 12px 7px #4A5568; border-radius: 0.5rem; } #foto_db_AnzahlausgabeDiv { display: inline-block; padding: 0rem 0.5rem 0.5rem 2.5rem; white-space: nowrap; } #foto_db_suchformular { display: inline-block; width: 17rem; padding: 0rem 0.5rem 0.5rem 2.5rem; } .foto_db_bildzurueck, .foto_db_bildweiter, .foto_db_bildausblenden { position: absolute; top: 0; width: 25%; height: calc(100% - 0.5rem); padding:0px; margin: 0px; border: none; background-size: 4rem; background-repeat: no-repeat; background-position: left; cursor: pointer; } .foto_db_bildzurueck { left: 0px; background-image: url('pic/Pfeil_Links.png'); } .foto_db_bildweiter { right: 0px; background-image: url('pic/Pfeil_Rechts.png'); background-position: right; } .foto_db_bildausblenden { top: 75%; height: 25%; width: 100%; background-image: url('pic/Kreuz.png'); background-position: center bottom; } .foto_db_bildzurueck:hover { background-image: url('pic/Pfeil_Links_H.png'); } .foto_db_bildweiter:hover { background-image: url('pic/Pfeil_Rechts_H.png'); } .foto_db_bildausblenden:hover { background-image: url('pic/Kreuz_H.png'); } @media screen and (max-width:700px) { /******** ENDE @media *********/ } @media screen and (max-width:1000px) { /******** ENDE @media *********/ }