/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 6, 2019 */ /* @font-face { font-family: 'josthairline'; src: url('font/jost/jost-100-hairline-webfont.woff2') format('woff2'), url('font/jost/jost-100-hairline-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'josthairlineitalic'; src: url('font/jost/jost-100-hairlineitalic-webfont.woff2') format('woff2'), url('font/jost/jost-100-hairlineitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostthin'; src: url('font/jost/jost-200-thin-webfont.woff2') format('woff2'), url('font/jost/jost-200-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostthinitalic'; src: url('font/jost/jost-200-thinitalic-webfont.woff2') format('woff2'), url('font/jost/jost-200-thinitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostlight'; src: url('font/jost/jost-300-light-webfont.woff2') format('woff2'), url('font/jost/jost-300-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostlightitalic'; src: url('font/jost/jost-300-lightitalic-webfont.woff2') format('woff2'), url('font/jost/jost-300-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostbook'; src: url('font/jost/jost-400-book-webfont.woff2') format('woff2'), url('font/jost/jost-400-book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostbookitalic'; src: url('font/jost/jost-400-bookitalic-webfont.woff2') format('woff2'), url('font/jost/jost-400-bookitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostmedium'; src: url('font/jost/jost-500-medium-webfont.woff2') format('woff2'), url('font/jost/jost-500-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostmediumitalic'; src: url('font/jost/jost-500-mediumitalic-webfont.woff2') format('woff2'), url('font/jost/jost-500-mediumitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostsemi'; src: url('font/jost/jost-600-semi-webfont.woff2') format('woff2'), url('font/jost/jost-600-semi-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostsemiitalic'; src: url('font/jost/jost-600-semiitalic-webfont.woff2') format('woff2'), url('font/jost/jost-600-semiitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jost_700_boldbold'; src: url('font/jost/jost-700-bold-webfont.woff2') format('woff2'), url('font/jost/jost-700-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }@font-face { font-family: 'jostbolditalic'; src: url('font/jost/jost-700-bolditalic-webfont.woff2') format('woff2'), url('font/jost/jost-700-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'jostheavy'; src: url('font/jost/jost-800-heavy-webfont.woff2') format('woff2'), url('font/jost/jost-800-heavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'jostheavyitalic'; src: url('font/jost/jost-800-heavyitalic-webfont.woff2') format('woff2'), url('font/jost/jost-800-heavyitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostblack'; src: url('font/jost/jost-900-black-webfont.woff2') format('woff2'), url('font/jost/jost-900-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jostblackitalic'; src: url('font/jost/jost-900-blackitalic-webfont.woff2') format('woff2'), url('font/jost/jost-900-blackitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 23, 2019 */ @font-face { font-family: 'oswaldlight'; src: url('font/oswald/oswald-light-webfont.woff2') format('woff2'), url('font/oswald/oswald-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 6, 2019 */ @font-face { font-family: 'zilla_slab_light'; src: url('font/zilla/zillaslab-light-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_light_italic'; src: url('font/zilla/zillaslab-lightitalic-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_regular'; src: url('font/zilla/zillaslab-regular-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_regular_italic'; src: url('font/zilla/zillaslab-regularitalic-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-regularitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_medium'; src: url('font/zilla/zillaslab-medium-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_medium_italic'; src: url('font/zilla/zillaslab-mediumitalic-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-mediumitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_semibold'; src: url('font/zilla/zillaslab-semibold-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_bold'; src: url('font/zilla/zillaslab-bold-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'zilla_slab_semibold_italic'; src: url('font/zilla/zillaslab-semibolditalic-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-semibolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'zilla_slab_bold_italic'; src: url('font/zilla/zillaslab-bolditalic-webfont.woff2') format('woff2'), url('font/zilla/zillaslab-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ @charset "UTF-8"; @-ms-viewport { width: extend-to-zoom; zoom: 1.0; } * { box-sizing: border-box; } html, body, td { color: black; width: 100%; height: 100%; margin:0px; padding: 0px; vertical-align: top; font-family: 'zilla_slab_regular', sans-serif; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03rem; text-align: left; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; background-color: #fff; background-color: #f7f7f7; background-color: #f6f5ff; } table, table.rstable { width: 100%; border-collapse:collapse; background-color: transparent; } td { background-color: transparent; } .rsTD { width: auto; margin: 0px; padding: 0.1rem 0.2rem 0.2rem 0px; border-top:3px solid #fff; background-color: transparent; } #hg { position: fixed; top:0px; left:0px; width: 100vw; height: 100vh; overflow: hidden; } #s1, #s2 { position: absolute; } #imgs1 { position: relative; top:-50vh; left:-33vw; min-width: 175vw; min-height: 175vh; } #imgs2 { position: relative; top:-50vh; left:-33vw; min-width: 175vw; min-height: 175vh; } /***************** Tags ***************/ h1, h2, h3 { display: inline-block; font-weight: normal; } h1 { font-family: 'jostheavy', sans-serif; font-size: 2.7rem; line-height: 3rem; text-transform: uppercase; letter-spacing: 0.05rem; margin: 0px; } h2 { font-family: 'jostheavy', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 1.2rem; line-height: 1.5rem; letter-spacing: 0rem; margin: 0.1rem 0px 0.2rem 0px; } h3 { font-family: 'zilla_slab_semibold', sans-serif; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03rem; text-transform: none; letter-spacing: 0rem; margin: 0px; } .jost { font-family: 'jostheavy', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 0.9rem; line-height: 1rem; } .jost a:link, .jost a:visited, .jost a:active, .jost a:focus, .jost a:hover { display: inline-block; text-decoration: none; color: black; border:0px; outline: none; border-bottom:1px solid black; padding: 0px; margin-bottom: 1px; } .jost a:hover { border-bottom: 2px dashed #36f; margin-bottom: 0px; } b { font-family: 'zilla_slab_medium', sans-serif; font-weight: normal; } i { font-family: 'zilla_slab_regular_italic', sans-serif; font-weight: normal; font-style: normal; } b i, i b { font-family: 'zilla_slab_medium_italic', sans-serif; font-weight: normal; font-style: normal; } .rot { color: red; } .klein { font-size: 0.88em; letter-spacing: 0px; } ul, ol { padding: 0px; margin: 0px; } ul { list-style-image: url(../pic/squared.gif); } li { margin: 0.6rem 0px 0.4rem 1.3rem; padding: 0px 0px 0px 0.2rem; line-height: 1.3rem; } hr { height:0px; border:0px; border-top:1px solid black; margin: 1rem 0px; clear: both; } a:link, a:visited, a:active, a:focus, a:hover { display: inline-block; text-decoration: none; color: black; border:0px; outline: none; border-bottom:1px solid black; padding: 0px; margin-bottom: -1px; } a:hover { border-bottom: 2px dashed #36f; margin-bottom: -2px; } img, a img, p a img, a.rsBildlink, picture, a picture, p a picture { display: block; padding: 0px; margin: 0px; border: 0px; text-decoration: none; outline: none; } /****************** Kopf ****************/ #kopf { float:left; position: relative; width: 100%; margin: 0px; padding: 0px; background-color:yellow; background-color:transparent; } #orte { display:inline-block; text-align:right; width:50%; background-color: #fff; font-family: 'zilla_slab_bold', sans-serif; font-size: 1.5rem; line-height: 2rem; margin: 0px; padding: 2.5rem 1rem 2rem 1rem; } #orte a:link { border-bottom:1px solid transparent; text-decoration: none; outline: none; margin: -0.5rem 0px 0rem 0px; padding: 0px; } #orte a:hover { color: #36f; } #datum, #titel { display:inline-block; width:50%; font-family: 'jostheavy', sans-serif; text-transform:uppercase; font-size: 6vw; line-height: 6vw; color: #000; background-color:blue; background-color:transparent; } #datum { vertical-align:bottom; text-align:left; margin-bottom: -1vw; } #titel { text-align:right; margin-top: -0.8vw; } a#titellink, a#titellink:link, a#titellink:visited, a#titellink:active, a#titellink:hover { text-decoration: none; color: inherit; border: none; outline: none; margin: 0px; } a#titellink:hover { color: #36f; } #untertitelcontainer { display:inline-block; text-align:right; width:50%; } #untertitel { display:inline-block; width:100%; padding-right:0.3rem; text-align:left; font-family: 'zilla_slab_light_italic', sans-serif; font-size: 1.5rem; line-height: 2rem; background-color:transparent; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } /***************** Inhalt ****************/ #scroll { position: absolute; float:left; width: 100%; margin: auto; padding: 0px; } #bodywrapper { position: relative; float:right; width: 200%; margin: 0px; padding: 1rem 0px 1rem 0px; } .content, .startcontent { position: relative; float:left; width:100%; margin: 0px; padding: 0px; text-align:right; display: flex; flex-wrap: wrap; justify-content: flex-end; } .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; margin: 0px; padding: 0.75rem 1rem; background-color:white; } .Textblock_1_1 { width: 100%; } .Textblock_5_6 { width: 83.3333333333%; } .Textblock_3_4 { width: 75%; } .Textblock_2_3 { width: 66.6666666666%; } .Textblock_1_2 { width: 50%; } .Textblock_1_3 { width: 33.3333333333%; } .Textblock_1_4 { width: 25%; } .Textblock_1_6 { width: 16.6666666666%; } .Textabstand { width: 100%; margin: 0px; padding: 0px; } .Textblock_1_6 .Textabstand { position:relative; left: -0.75rem; width: 100%; font-size: 0.8em; line-height: 1.2em; letter-spacing: 0rem; } .Bild, .nurBild { width: calc(100% + 1.5rem); padding: 0px; margin: -0.75rem 0rem 0rem -1rem; } .nurBild { width: calc(100% + 1rem); padding: 0px; margin: -0.75rem 0rem 0rem -0.5rem; } .Abstand { width: 100%; height: 1rem; } /************* Programm ***********/ .programmzeile, .programmtitelzeile, a.programmzeile, a.programmzeile:link, a.programmzeile:active, a.programmzeile:visited, a.programmzeile:hover { display:block; float:left; position:relative; width:100%; background-color:#fff; overflow:hidden; border:none; margin:0px; padding: 0.5rem 0.5rem 2rem 0rem; border-bottom: 2px solid white; border:none; margin: 0.5rem 0rem 0.3rem 0rem; } .programmtitelzeile { background-color:#ddd; background-color:#fff; background-color:transparent; padding: 2rem 0.5rem 0.25rem 0rem; } a.programmzeile:hover { background-color:#000; color:#fff; } .P_text { display:inline-block; padding: 0rem 0rem 0rem 0.5rem; font-family: 'jostheavy', sans-serif; text-transform: uppercase; letter-spacing:0px; font-weight: normal; font-size: 1.25rem; line-height: 1.3rem; } .P_text h1 { position:relative; top:-1rem; } .P_text h2 { display:inline-block; font-family: 'zilla_slab_light', serif; text-transform:none; font-weight: normal; font-size: 1.5rem; line-height: 1.8rem; } .P_untertitel { display:inline-block; font-family: 'zilla_slab_light', serif; font-size: 0.9rem; line-height: 1.1rem; padding: 0rem 0rem 0.5rem 0.5rem; } .balkenzeile { float:left; position:relative; width:100%; } .balken { position:absolute; font-family: 'oswaldlight', sans-serif; font-size: 0.75rem; line-height: 0.75rem; padding: 0.25rem; height:4rem; letter-spacing:0px; color:#000; text-align:left; padding-left:0.25rem; whitespace:wrap; border-left: 2px solid #transparent; } /************* Kontaktformular ***********/ #kontaktformular { font-family: 'zilla_slab_regular', sans-serif; font-size: 0.8rem; width: 100%; } .Mitteilungsarea { font-family: 'zilla_slab_regular', sans-serif; font-size: 1rem; width: 100%; height: 8rem; margin: 0.3rem 0px 1.5rem 0px; padding: 0.5rem; } input { font-family: 'zilla_slab_regular', sans-serif; font-size: 1rem; display: block; width: 100%; height: 2rem; margin: -0.2rem 0px 1rem 0rem; padding: 0rem 0.5rem; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; border:1px solid silver; cursor:pointer; background: url("../pic/open.gif") no-repeat center right; background-color: #fff; font-family: 'zilla_slab_regular', sans-serif; font-size: 0.8rem; height: 2rem; width: 100%; margin: 1rem 0px; padding: 0rem 2rem 0rem 0.5rem; } input.Absendebutton { font-family: 'zilla_slab_regular', 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: 'zilla_slab_bold', sans-serif; font-size: 1rem; color: white; background-color: #c30; width: calc(100% - 0.5rem); margin: 1rem 0px 0px 0px; padding: 0.5rem 1rem; } #DankMeldungGruen { background-color: #093; } /****************** Fuss ***************/ #fuss { float: right; width:100%; padding: 0px; margin: 2.5rem 0px 0px 0px; text-align:right; } #fussmenue a.nav, #fussmenue a.nav:link, #fussmenue a.nav:visited, #fussmenue a.nav:active, #fussmenue a.nav:hover, #fussmenue a.navX, #fussmenue a.navX:link, #fussmenue a.navX:visited, #fussmenue a.navX:active, #fussmenue a.navX:hover { display:inline; padding: 0.5rem 1rem 0.5rem 1rem; font-family: 'zilla_slab_regular', sans-serif; text-transform: none; font-size: 0.9rem; line-height: 1rem; letter-spacing: 0.03rem; text-transform: none; font-weight: normal; whitespace: nowrap; text-decoration: none; color: black; border: none; outline: none; background-color: rgba(255,255,255,0.8); } #fussmenue a.navX, #fussmenue a.navX:link, #fussmenue a.navX:visited, #fussmenue a.navX:active{ color: #fff; background-color: rgba(0,0,0,0.8); } #fussmenue a.nav:hover, #fussmenue a.navX:hover { color: #fff; background-color: #36f; } #bottomspace { float:left; height: calc(100vh - 5rem); } #sponsorenbereich { position:fixed; bottom:2rem; left:0px; width:8rem; max-width: 23vw; } .sponsor { display:inline-block; vertical-align:bottom; text-align:left; width:8rem; max-width: 23vw; max-height: 7vh; } .Sponsorenlogo { display:inline-block; text-align:left; margin: auto auto 0px 0px; width:8rem; max-width: 23vw; max-height: 10vh; } /***************** Menü ****************/ .totopdiv { float:right; text-align:right; padding: 1rem 2rem 1rem 1rem; width: 50%; margin: 1rem 0px 1rem 40%; background-color:#fff; background-color: transparent; } #totoplink { float:right; padding: 0px; margin: 0px; border:none; } .menuecontainer { float:right; width: calc(50% + 1rem); margin: 1rem 0px -1rem 0px; padding: 1rem 0px 0px 1rem; } 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.navorg, a.navorg:link, a.navorg:visited, a.navorg:active, a.navorg:hover, a.navorgX, a.navorgX:link, a.navorgX:visited, a.navorgX:active, a.navorgX:hover, a.navorgA, a.navorgA:link, a.navorgA:visited, a.navorgA:active, a.navorgA:hover { display: flex; color: black; background-color: rgba(255,255,255,1); border: none; outline: none; margin: 0px; padding: 1rem 1rem 0.5rem 1rem; whitespace: nowrap; vertical-align: top; font-family: 'jostheavy', sans-serif; text-transform: uppercase; letter-spacing:0px; font-weight: normal; font-size: 1.25rem; line-height: 1.3rem; text-decoration: none; margin: 1rem 0px 0px 0px; } a.navorg:link, a.navorg:visited, a.navorg:active, a.navorg:hover, a.navorgX, a.navorgX:link, a.navorgX:visited, a.navorgX:active, a.navorgX:hover, a.navorgA, a.navorgA:link, a.navorgA:visited, a.navorgA:active, a.navorgA:hover { background-color: rgba(255,255,255,0.8); } a.navorgA, a.navorgA:link, a.navorgA:visited, a.navorgA:active{ background-color: rgba(200,200,200,0.8); } a.navorgX, a.navorgX:link, a.navorgX:visited, a.navX:active, a.navorgX:hover { color: #fff; background-color: rgba(0,0,0,0.8); } a.navA, a.navA:link, a.navA:visited, a.navA:active { color: #fff; background-color: rgba(200,200,200,1); } a.navX, a.navX:link, a.navX:visited, a.navX:active, a.navX:hover { color: #fff; background-color: rgba(0,0,0,1); } a.nav:hover, a.navX:hover, a.navA:hover, a.navorg:hover, a.navorgX:hover, a.navorgA:hover { color: #fff; background-color: #36f; } .M_wrap { width:100%; margin: 0px; padding: 0px; } .M_Untertitel, .M_Ort, .M_Zeiten { font-family: 'zilla_slab_regular', sans-serif; text-transform: none; font-size: 0.9rem; line-height: 1rem; letter-spacing: 0.03rem; } .M_Zeiten { display: inline-block; width: 6.5rem; } .M_Text { display: inline-block; width: calc(100% - 7rem); } @charset "UTF-8"; @media screen and (max-width:800px) { /****************** Kopf ****************/ #kopf { text-align:left; } #orte { display:inline-block; text-align:right; width:calc(50% - 2rem); background-color: #fff; font-family: 'zilla_slab_bold', sans-serif; font-size: 1.5rem; line-height: 2rem; margin: 0px; padding: 1rem 1rem; } #datum, #titel { font-family: 'jostheavy', sans-serif; text-transform:uppercase; font-size: 6vw; line-height: 6vw; margin: 0px; width:100%; text-align:right; font-size: 10vw; line-height: 10vw; } #untertitelcontainer { text-align:right; width:100%; } #untertitel { width:calc(50% - 0.3rem); text-align:left; } /***************** Inhalt ****************/ #bodywrapper { min-height: 100px; } .Textblock_5_6 { width: calc(100% - 2rem); } .Textblock_1_6 { width: calc(25% - 2rem); } .Textblock_1_4 .Textabstand, .Textblock_1_3 .Textabstand { position:relative; left: -0.5rem; width: 100%; font-size: 0.8em; line-height: 1.5em; letter-spacing: 0rem; } /***************** Menue ****************/ .M_Untertitel, .M_Ort, .M_Zeiten, .M_Text { display:block; margin-top: 0.5rem; width: 100%; } .M_Zeiten { margin: 0px 0px 1rem 0px; } } @charset "UTF-8"; @media screen and (max-width:600px) { html, body, td { font-size: 1.1rem; line-height: 1.7rem; } /****************** Kopf ****************/ #orte { display:inline-block; text-align:right; width:auto; background-color: #fff; font-family: 'zilla_slab_bold', sans-serif; font-size: 1.5rem; line-height: 2rem; margin: 0px; padding: 1rem 1rem; } /***************** Startseite ****************/ .start content { padding-left: 4rem; } .startcontent .Textblock_1_6, .startcontent .Textblock_1_3, .startcontent .Textblock_1_4, .startcontent .Textblock_1_2, .startcontent .Textblock_2_3, .startcontent .Textblock_3_4, .startcontent .Textblock_5_6, .startcontent .Textblock_1_1 { width: 70%; } /***************** Inhalt ****************/ #bodywrapper { width: 100vw; } .Textblock_1_6 { width: calc(33.3333333333% - 2rem); } .Textblock_1_4 { width: calc(50% - 2rem); } .Textblock_3_4, .Textblock_1_2 { width: calc(100% - 2rem); } .Textblock_1_4 .Textabstand, .Textblock_1_3 .Textabstand { left: 0px; width: calc(100% - 2rem); font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.03rem; } .Textblock_2_3, .Textblock_1_3 { width: calc(100% - 2rem); } @-moz-document url-prefix() { .Bild, .nurBild { margin: -2.5rem 0rem 0rem -1rem; } } /************** Menü **************/ .totopdiv { width: 100%; margin: 0px 0px 0rem 0px; } .menuecontainer { width: calc(80% - 1rem); margin: 1rem 0px 1rem 20%; } .menuezeile { margin: 0.5rem auto 0px auto; padding: 0.5rem 0px 0.5rem 0px; } a.nav1, a.nav1:link, a.nav1:visited, a.nav1:active, a.nav1:hover, a.nav1X, a.nav1X:link, a.nav1X:visited, a.nav1X:active, a.nav1X:hover, a.nav1A, a.nav1A:link, a.nav1A:visited, a.nav1A:active, a.nav1A:hover { margin: 1rem 0px 0px 0px; } } @charset "UTF-8"; @media screen and (max-width:500px) { #untertitel { width:calc(100% - 0.3rem); text-align:right; } .Textblock_1_1, .Textblock_5_6, .Textblock_3_4, .Textblock_2_3, .Textblock_1_2, .Textblock_1_3, .Textblock_1_4, .Textblock_1_6 { padding: 1rem 0.5rem 1rem 0.5rem; } .Textblock_1_1, .Textblock_5_6, .Textblock_3_4, .Textblock_1_2, .Textblock_2_3, .Textblock_1_3 { width: calc(100% - 1rem); } .Textblock_1_6, .Textblock_1_4 { width: calc(50% - 1rem); } .Textblock_1_6 .Textabstand, .Textblock_1_4 .Textabstand { position:relative; left: 0rem; width: calc(100% - 0.25rem); font-size: 0.8em; line-height: 1.5em; letter-spacing: 0rem; } .Bild, .nurBild { width: calc(100% + 0.5rem); padding: 0px; margin: -2.5rem 0.5rem auto -0.5rem; } .nurBild { margin-bottom: -2.5rem; } /************* Kontaktformular ***********/ .Mitteilungsarea, input, select { width: 100%; width: calc(100% + 0.25rem); } /************** Fuss **************/ #fuss { margin-top: 1rem; } #sponsorenbereich { width:20%; } }