@font-face { font-family: 'Source Sans Black Italic'; src:url('font/source_sans/SourceSansPro-BlackIt.woff2') format('woff2'), url('font/source_sans/SourceSansPro-BlackIt.woff') format('woff'); } @font-face { font-family: 'Source Sans Semibold Italic'; src:url('font/source_sans/SourceSansPro-SemiboldIt.woff2') format('woff2'), url('font/source_sans/SourceSansPro-SemiboldIt.woff') format('woff'); } @font-face { font-family: 'Source Sans Bold Italic'; src:url('font/source_sans/SourceSansPro-BoldIt.woff2') format('woff2'), url('font/source_sans/SourceSansPro-BoldIt.woff') format('woff'); } @font-face { font-family: 'Source Sans Italic'; src:url('font/source_sans/SourceSansPro-It.woff2') format('woff2'), url('font/source_sans/SourceSansPro-It.woff') format('woff'); } @font-face { font-family: 'Source Sans ExtraLight'; src:url('font/source_sans/SourceSansPro-ExtraLight.woff2') format('woff2'), url('font/source_sans/SourceSansPro-ExtraLight.woff') format('woff'); } @font-face { font-family: 'Source Sans Semibold'; src:url('font/source_sans/SourceSansPro-Semibold.woff2') format('woff2'), url('font/source_sans/SourceSansPro-Semibold.woff') format('woff'); } @font-face { font-family: 'Source Sans ExtraLight Italic'; src:url('font/source_sans/SourceSansPro-ExtraLightIt.woff2') format('woff2'), url('font/source_sans/SourceSansPro-ExtraLightIt.woff') format('woff'); } @font-face { font-family: 'Source Sans Bold'; src:url('font/source_sans/SourceSansPro-Bold.woff2') format('woff2'), url('font/source_sans/SourceSansPro-Bold.woff') format('woff'); } @font-face { font-family: 'Source Sans Regular'; src:url('font/source_sans/SourceSansPro-Regular.woff2') format('woff2'), url('font/source_sans/SourceSansPro-Regular.woff') format('woff'); } @font-face { font-family: 'Source Sans Light'; src:url('font/source_sans/SourceSansPro-Light.woff2') format('woff2'), url('font/source_sans/SourceSansPro-Light.woff') format('woff'); } @font-face { font-family: 'Source Sans Black'; src:url('font/source_sans/SourceSansPro-Black.woff2') format('woff2'), url('font/source_sans/SourceSansPro-Black.woff') format('woff'); } @font-face { font-family: 'Source Sans Light Italic'; src:url('font/source_sans/SourceSansPro-LightIt.woff2') format('woff2'), url('font/source_sans/SourceSansPro-LightIt.woff') format('woff'); } @font-face { font-family: 'Source Serif Light'; src: url('font/source_serif/SourceSerifPro-Light.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-Light.woff') format('woff'); } @font-face { font-family: 'Source Serif Semibold Italic'; src: url('font/source_serif/SourceSerifPro-SemiboldIt.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-SemiboldIt.woff') format('woff'); } @font-face { font-family: 'Source Serif Semibold'; src: url('font/source_serif/SourceSerifPro-Semibold.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-Semibold.woff') format('woff'); } @font-face { font-family: 'Source Serif Bold'; src: url('font/source_serif/SourceSerifPro-Bold.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-Bold.woff') format('woff'); } @font-face { font-family: 'Source Serif Black Italic'; src: url('font/source_serif/SourceSerifPro-BlackIt.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-BlackIt.woff') format('woff'); } @font-face { font-family: 'Source Serif Regular'; src: url('font/source_serif/SourceSerifPro-Regular.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-Regular.woff') format('woff'); } @font-face { font-family: 'Source Serif ExtraLight Italic'; src: url('font/source_serif/SourceSerifPro-ExtraLightIt.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-ExtraLightIt.woff') format('woff'); } @font-face { font-family: 'Source Serif ExtraLight'; src: url('font/source_serif/SourceSerifPro-ExtraLight.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-ExtraLight.woff') format('woff'); } @font-face { font-family: 'Source Serif Black'; src: url('font/source_serif/SourceSerifPro-Black.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-Black.woff') format('woff'); } @font-face { font-family: 'Source Serif Italic'; src: url('font/source_serif/SourceSerifPro-It.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-It.woff') format('woff'); } @font-face { font-family: 'Source Serif Bold Italic'; src: url('font/source_serif/SourceSerifPro-BoldIt.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-BoldIt.woff') format('woff'); } @font-face { font-family: 'Source Serif Light Italic'; src: url('font/source_serif/SourceSerifPro-LightIt.woff2') format('woff2'), url('font/source_serif/SourceSerifPro-LightIt.woff') format('woff'); } @font-face { font-family: 'Source Code Italic'; src: url('font/source_code/SourceCodePro-It.woff2') format('woff2'), url('font/source_code/SourceCodePro-It.woff') format('woff'); } @font-face { font-family: 'Source Code Bold Italic'; src: url('font/source_code/SourceCodePro-BoldIt.woff2') format('woff2'), url('font/source_code/SourceCodePro-BoldIt.woff') format('woff'); } @font-face { font-family: 'Source Code Semibold'; src: url('font/source_code/SourceCodePro-Semibold.woff2') format('woff2'), url('font/source_code/SourceCodePro-Semibold.woff') format('woff'); } @font-face { font-family: 'Source Code Light Italic'; src: url('font/source_code/SourceCodePro-LightIt.woff2') format('woff2'), url('font/source_code/SourceCodePro-LightIt.woff') format('woff'); } @font-face { font-family: 'Source Code Pro'; src: url('font/source_code/SourceCodePro-ExtraLight.woff2') format('woff2'), url('font/source_code/SourceCodePro-ExtraLight.woff') format('woff'); } @font-face { font-family: 'Source Code Light'; src: url('font/source_code/SourceCodePro-Light.woff2') format('woff2'), url('font/source_code/SourceCodePro-Light.woff') format('woff'); } @font-face { font-family: 'Source Code Medium Italic'; src: url('font/source_code/SourceCodePro-MediumIt.woff2') format('woff2'), url('font/source_code/SourceCodePro-MediumIt.woff') format('woff'); } @font-face { font-family: 'Source Code Regular'; src: url('font/source_code/SourceCodePro-Regular.woff2') format('woff2'), url('font/source_code/SourceCodePro-Regular.woff') format('woff'); } @font-face { font-family: 'Source Code Black'; src: url('font/source_code/SourceCodePro-Black.woff2') format('woff2'), url('font/source_code/SourceCodePro-Black.woff') format('woff'); } @font-face { font-family: 'Source Code Medium'; src: url('font/source_code/SourceCodePro-Medium.woff2') format('woff2'), url('font/source_code/SourceCodePro-Medium.woff') format('woff'); } @font-face { font-family: 'Source Code ExtraLight Italic'; src: url('font/source_code/SourceCodePro-ExtraLightIt.woff2') format('woff2'), url('font/source_code/SourceCodePro-ExtraLightIt.woff') format('woff'); } @font-face { font-family: 'Source Code Black Italic'; src: url('font/source_code/SourceCodePro-BlackIt.woff2') format('woff2'), url('font/source_code/SourceCodePro-BlackIt.woff') format('woff'); } @font-face { font-family: 'Source Code Bold'; src: url('font/source_code/SourceCodePro-Bold.woff2') format('woff2'), url('font/source_code/SourceCodePro-Bold.woff') format('woff'); } @font-face { font-family: 'Source Code Semibold Italic'; src: url('font/source_code/SourceCodePro-SemiboldIt.woff2') format('woff2'), url('font/source_code/SourceCodePro-SemiboldIt.woff') format('woff'); } @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:#fffbf2; vertical-align: top; text-align: left; color: #333; font-family: "Source Sans Regular", Sans; font-weight: normal; font-size: 1.075rem; line-height: 1.7rem; letter-spacing: 0.03rem; -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; } td .rsTD { margin:0px; padding: 0.25rem 0.5rem 0.25rem 0px; vertical-align:top; text-align:left; font-family: "Source Sans Regular", Sans; font-weight: normal; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .br2Z { margin-bottom:1rem; } /************** Tags **************/ h1 { margin: 1rem 0rem 0.5rem 0rem; font-family: "Source Serif Regular", Sans; font-weight: normal; font-size: 2rem; line-height: 2.1rem; } h2 { margin: 0.5rem 0rem 0.2rem 0rem; font-family: "Source Sans Bold", sans-Sans; font-weight: normal; font-size: 1.05rem; line-height: 1.2rem; text-transform:uppercase; } h3 { margin: 0.3rem 0px 0px 0px; font-family: "Source Sans Semibold", sans-Sans; font-weight: normal; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0px; } .klein { font-size: 0.9rem; line-height: 0.93rem; } b { font-family: "Source Sans Bold", Sans; font-weight: normal; } i { font-family: "Source Serif Italic", Sans; font-style: normal; color: rgb(110,90,100); } 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; } hr { height:0px; border:0px; border-top:1px solid #5a605f; margin: 1rem 0px; clear: both; } a:link, a:visited, a:hover, a:active, a:focus { color: #de007f; text-decoration: none; font-family: "Source Sans Regular", Sans; font-weight: normal; border-bottom:1px solid transparent; padding: 0px 0px 0px 0px; } a:hover, a:active, a:focus { outline: none; border-bottom:1px solid #de007f; } img, a img, p a img { display: block; padding: 0px; margin: 0px; border: 0px; text-decoration: none; outline: none; } /****************** Kopf *****************/ #kopf { float:left; width: 100%; margin: 1rem 0px 0px 0px; padding: 0px 0px 0px 0px; height: 6rem; } a#logolink, a#logolink:link, a#logolink:visited, a#logolink:active, a#logolink:hover { display:inline-block; border: 0px; text-decoration: none; outline: none; color: rgb(230,30,130); font-family: "Source Serif Bold", Sans; font-weight: normal; font-size: 6rem; line-height: 4.5rem; letter-spacing: 0.1rem; padding: 0.5rem 2rem 1.3rem 16vw; } #punkt { font-family: "Source Serif Regular", Sans; font-weight: normal; font-size: 9rem; display: inline-block; position: relative; top:-4rem; left: 3rem; } a#logolink:hover #punkt{ font-family: "Source Serif Black", Sans; top:-3.9rem; } #adresse { display: block; position:absolute; right:1rem; top:0.63rem; max-width:40%; font-family: "Source Serif Regular", Sans; color: #333; font-size: 1.075rem; line-height: 1.1rem; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } #adresse h1 { font-size: 1.075rem; line-height: 1.1rem; margin:0px; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } #daniel_meyer { position:absolute; top:5.4rem; height:2rem; left:55%; } /*********** Semiotikbild ************/ #startcontent { width:100%; text-align:center; } #starthamburger { display:block; position:absolute; top:8rem; left: 7vw; text-decoration: none; border:none; outline:none; margin-left:-1rem; padding: 0.8rem 1rem 0.8rem 1rem; border-radius:0.2rem; background-color:#fffbf2; z-index:5; } #startMenuespalte { display:none; position:absolute; top:8.4rem; left: 7vw; padding: 2rem; margin-left:-2rem; border-radius:0.4rem; background-color:#fffbf2; z-index:10; } #semiotikbereich { display:inline-block; position:relative; top:2rem; border: 0px; text-decoration: none; width:calc(100vw - 3rem); max-width: calc(100vh - 10.5rem); } #semiotikbild, #semiotikicon { width: 100%; margin: auto; } #semiotikicon { position:absolute; width: 50%; top: 25%; left:25%; } .Kombinationsbild, .Kombinationsicon { width: 100%; padding: 0px; margin: 0px; } #anleitung, a#anleitung, a#anleitung:link, a#anleitung:visited, a#anleitung:active, a#anleitung:hover { display: block; position:absolute; right:0.75rem; width:30%; max-width:30rem; min-width:10rem; top:10rem; font-size: 0.8rem; line-height: 0.93rem; text-align: left; padding:0.75rem; color: black; line-height: 1.1rem; background-color:rgba(255,255,255,0.75); border:calc(2px + 0.2vw) solid rgba(210,60,150,0.95); border-radius:1vw; } a#anleitung:hover, #anleitung { background-color:white; } /*************** Inhalt ****************/ #bodywrapper { float:left; width: 100%; margin: auto; padding: 0px; } #contentspalte { float:left; width:75%; margin: 2.5rem 0px 3.5rem 0px; padding: 0px; } .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 0px 0px; margin: 0rem; background-color:#fffbf2; } .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% - 1.5rem); margin: 0px; padding: 0px 0px 1.5rem 0px; } .Bild { width: 100%; padding: 0px; margin: -0.75rem 0px 0.75rem 0px; } .Abstand { width: 100%; height: 1rem; } /************* Kontaktformular ***********/ #kontaktformular { font-family: 'Source Sans Regular', sans-Sans; font-size: 0.9rem; width: 100%; } #kontaktformular h2{ font-family: "Source Sans Regular", Sans; font-size: 1.5rem; } h2.adressat{ padding-top:2rem; } .Mitteilungsarea { font-family: 'Source Sans Light', sans-Sans; 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: 'Source Sans Light', sans-Sans; 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: white; font-family: 'Source Sans Light', sans-Sans; font-size: 0.8rem; height: 2rem; width: calc(100% - 0.5rem); margin: 1rem 0px; padding: 0rem 2rem 0rem 0.5rem; } input.Absendebutton { font-family: 'Source Sans Light', sans-Sans; 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: 'Source Sans Bold', sans-Sans; 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; } /************** Diaschau **************/ .Diashow_1_1, .Diashow_1_2 { float: left; padding: 0px; margin: 0px; border: 0px; text-decoration: none; width:100%; } .Diashow_1_2 { width:50%; } .Diaschauanker { position:absolute; margin:-10px; } .Diasteuerung { position:absolute; margin: 20px 20px 20px 10px; } a.Pfeil, a.Pfeil:link, a.Pfeil:visited, a.Pfeil:active, a.Pfeil:hover { display:inline-block; height: 35px; width: 35px; background-color: rgba(255,255,255,0.5); border: 0px; padding: 3px 9px; margin: 0px 0px 0px 10px; outline: transparent none 0px; } a.Pfeil:hover { background-color: white; } /****************** Fuss ***************/ #Fussmenue { position: fixed; height:1.5rem; bottom:0px; right:0px; float: right; padding: 0px 1rem 0px 0px; margin: 0px; text-align: right; background-color: rgba(255,251,242,0.9); } #Fussmenue a.nav, #Fussmenue a.nav:link, #Fussmenue a.nav:visited, #Fussmenue a.nav:hover, #Fussmenue a.nav:active, #Fussmenue a.navX, #Fussmenue a.navX:link, #Fussmenue a.navX:visited, #Fussmenue a.navX:hover, #Fussmenue a.navX:active { display:inline-block; width: auto; position: relative; top:-0.25rem; font-family: "Source sans Light", Sans; font-weight: normal; font-size: 0.8rem; line-height: 0.8rem; padding: 0rem 0rem 0rem 1rem; margin:0px; letter-spacing: 0.05rem; color:#333; } #Fussmenue a.nav:hover, #Fussmenue a.nav:active, #Fussmenue a.navX:hover, #Fussmenue a.navX:active { color: #de007f; } #bottomspace { float:left; height: calc(100vh - 5rem); } /************* Hamburger *********/ #a, a#hamburger, a#hamburgerU { position: absolute; visibility: hidden; left:0px;:hidden; } a#hamburger, a#hamburger:link, a#hamburger:visited, a#hamburger:active, a#hamburger:hover, a#hamburgerU, a#hamburgerU:link, a#hamburgerU:visited, a#hamburgerU:active, a#hamburgerU:hover { float:left; margin: 0px; width:30%; padding: 1rem 2.5rem 1rem 1rem; text-decoration: none; outline: none; border: 0px; background-color:red; background-color: transparent; } a#hamburger img, a#hamburgerU img { float:left; margin: 0px; padding: 0px; background-color:green; background-color: transparent; } a#hamburger img { position: relative; top:1rem; padding-bottom:1rem; } a#hamburgerU, a#hamburgerU:link, a#hamburgerU:visited, a#hamburgerU:active, a#hamburgerU:hover { float:right; padding: 1rem 1rem 1rem 2.5rem; } a#hamburgerU img { float:right; } /*********** Scrollposition *********/ #a { top:-3.7rem; width:100%; } /**************** Menü *************/ #Menuespalte { float:left; width: 25%; padding: 0px 0px 0px 7vw; margin: 3.4rem 0px 0px 0px; } #Menue { float:left; width: 220px; padding: 0px; margin: 0px; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } 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: "Source Sans Semibold", sans-Sans; text-transform:uppercase; display: block; text-decoration: none; border:none; outline:none; font-size: 1rem; line-height: 1rem; margin: 0px; padding: 0.5rem 0px; letter-spacing: 0.03em; color: rgb(175,172,176); } 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: #de007f; } a.nav:hover, a.navA:hover, a.navX:hover { color: #de007f; } @charset "UTF-8"; /* CSS Document */ @-ms-viewport{ width: extend-to-zoom; zoom: 1.0;} @media screen and (max-width:1000px) { /************* Semiotikbild ************/ #anleitung { max-width:none; min-width:none; width:50%; } /**************** Menü *************/ #Menuespalte { width: 33.333333%; } #Menue { width: 200px; } @media screen and (max-width:650px) { #logo { margin-right: -30px; } #Menue { width: 190px; } } /***************** Inhalt ****************/ #contentspalte { width: 66.666666%; } .Textblock_1_1, .Textblock_5_6, .Textblock_3_4, .Textblock_2_3, .Textblock_1_2, .Textblock_1_3{ width: calc(100% - 1rem); } .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; } .Textblock_1_2 picture, .Textblock_1_3 picture, .Textblock_1_4 picture, .Textblock_1_6 picture { width: 50%; float:left; margin: 0px 1.5rem 1.5rem 0px; } } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:600px) { #Menuespalte, #Menue, #contentspalte { position: relative; float:left; width: 100%; height:auto; left:0px; top:0px; margin:0px; padding:0px; border:0px; } /**************** Kopf *****************/ a#logolink, a#logolink:link, a#logolink:visited, a#logolink:active, a#logolink:hover { padding: 4.5vw 2rem 1.3rem 16vw; } #punkt { display:block; position: absolute; left: 46vw; top:-2.5rem; } a#logolink:hover #punkt{ top:-2.4rem; } #daniel_meyer { height:auto; width:33vw; } /************* Semiotikbild ************/ #anleitung { width:75%; } #semiotikbereich { margin-bottom: 3rem; } /***************** Fuss **************/ #Fussmenue { position: relative; border-top: 2px solid #aaa; border-radius:0px; width: 100vw; } #Fussmenue a.nav, #Fussmenue a.nav:link, #Fussmenue a.nav:visited, #Fussmenue a.nav:hover, #Fussmenue a.nav:active, #Fussmenue a.navX, #Fussmenue a.navX:link, #Fussmenue a.navX:visited, #Fussmenue a.navX:hover, #Fussmenue a.navX:active { position: relative; font-size: 0.9rem; line-height: 1rem; padding: 0.5rem 0rem 0.5rem 1rem; } /***************** Inhalt **************/ #contentspalte { width: 100%; padding: 0rem 0rem 0rem 1rem; } .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: 100%; font-size: 1em; line-height: 1.5em; letter-spacing: 0.03rem; } .Textblock_1_6 .Textabstand, .Textblock_1_4 .Textabstand { width: 100%; } /************* Kontaktformular ***********/ .Mitteilungsarea, input, select { width: 100%; width:100%; } /************** Hamburger **************/ #a, a#hamburger, a#hamburgerU { visibility: visible; position: relative; } /******************** Menü ******************/ #Menuespalte { width: 100%; z-index:2; visibility: hidden; position: absolute; left:-1000px; top: 3rem; } 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.5rem; padding-left: 1rem; width: 100%; } }