/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 7, 2014 */ @font-face { font-family: 'lato_hairline'; src: url('font/lato/lato-hai-webfont.eot'); src: url('font/lato/lato-hai-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-hai-webfont.woff') format('woff'), url('font/lato/lato-hai-webfont.ttf') format('truetype'), url('font/lato/lato-hai-webfont.svg#latohairline') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_hairline_italic'; src: url('font/lato/lato-haiita-webfont.eot'); src: url('font/lato/lato-haiita-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-haiita-webfont.woff') format('woff'), url('font/lato/lato-haiita-webfont.ttf') format('truetype'), url('font/lato/lato-haiita-webfont.svg#latohairline_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_light'; src: url('font/lato/lato-lig-webfont.eot'); src: url('font/lato/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-lig-webfont.woff') format('woff'), url('font/lato/lato-lig-webfont.ttf') format('truetype'), url('font/lato/lato-lig-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_light_italic'; src: url('font/lato/lato-ligita-webfont.eot'); src: url('font/lato/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-ligita-webfont.woff') format('woff'), url('font/lato/lato-ligita-webfont.ttf') format('truetype'), url('font/lato/lato-ligita-webfont.svg#latolight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_regular'; src: url('font/lato/lato-reg-webfont.eot'); src: url('font/lato/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-reg-webfont.woff') format('woff'), url('font/lato/lato-reg-webfont.ttf') format('truetype'), url('font/lato/lato-reg-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_italic'; src: url('font/lato/lato-regita-webfont.eot'); src: url('font/lato/lato-regita-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-regita-webfont.woff') format('woff'), url('font/lato/lato-regita-webfont.ttf') format('truetype'), url('font/lato/lato-regita-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_bold'; src: url('font/lato/lato-bol-webfont.eot'); src: url('font/lato/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-bol-webfont.woff') format('woff'), url('font/lato/lato-bol-webfont.ttf') format('truetype'), url('font/lato/lato-bol-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_bold_italic'; src: url('font/lato/lato-bolita-webfont.eot'); src: url('font/lato/lato-bolita-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-bolita-webfont.woff') format('woff'), url('font/lato/lato-bolita-webfont.ttf') format('truetype'), url('font/lato/lato-bolita-webfont.svg#latobold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_black'; src: url('font/lato/lato-bla-webfont.eot'); src: url('font/lato/lato-bla-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-bla-webfont.woff') format('woff'), url('font/lato/lato-bla-webfont.ttf') format('truetype'), url('font/lato/lato-bla-webfont.svg#latoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato_black_italic'; src: url('font/lato/lato-blaita-webfont.eot'); src: url('font/lato/lato-blaita-webfont.eot?#iefix') format('embedded-opentype'), url('font/lato/lato-blaita-webfont.woff') format('woff'), url('font/lato/lato-blaita-webfont.ttf') format('truetype'), url('font/lato/lato-blaita-webfont.svg#latoblack_italic') format('svg'); font-weight: normal; font-style: normal; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 2, 2022 */ @font-face { font-family: 'linux_libertine_regular'; src: url('font/linux_libertine/linlibertine_r-webfont.woff2') format('woff2'), url('font/linux_libertine/linlibertine_r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'linux_libertine_italic'; src: url('font/linux_libertine/linlibertine_ri-webfont.woff2') format('woff2'), url('font/linux_libertine/linlibertine_ri-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'linux_libertine_bold'; src: url('font/linux_libertine/linlibertine_rb-webfont.woff2') format('woff2'), url('font/linux_libertine/linlibertine_rb-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'linux_libertine_bold_italic'; src: url('font/linux_libertine/linlibertine_rbi-webfont.woff2') format('woff2'), url('font/linux_libertine/linlibertine_rbi-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'linux_libertine_semibold'; src: url('font/linux_libertine/linlibertine_rz-webfont.woff2') format('woff2'), url('font/linux_libertine/linlibertine_rz-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'linux_libertine_semibold_italic'; src: url('font/linux_libertine/linlibertine_rzi-webfont.woff2') format('woff2'), url('font/linux_libertine/linlibertine_rzi-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'linux_libertine_display'; src: url('linlibertine_dr-webfont.woff2') format('woff2'), url('linlibertine_dr-webfont.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; max-height:1000000px; } html, body { width:100%; margin:0px; padding: 0px; vertical-align:top; color: black; font-family: 'linux_libertine_regular',sans-serif; font-size: 1.1rem; line-height: 1.75rem; letter-spacing: 0.02rem; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #bg { z-index:1; position:fixed; background-repeat:no-repeat; height:100%; width:100vw; background-color: #fff; background-image:url(pic/himmel.jpg); background-size:100%; } #bg_h_unten { z-index:2; position:absolute; bottom:0px; height:50vh; width:100%; background-image:url(pic/himmel_unten.png); background-size:contain; } #content { width:100%; position:absolute; z-index:3; } table { border-collapse:collapse; } td { margin:0px; padding: 0px; vertical-align:top; text-align:left; } h2 { font-family: 'lato_bold',sans-serif; font-weight: normal; display:inline-block; font-size: 1.2rem; letter-spacing: 0.05rem; margin: 0rem; } h3 { font-family: 'lato_bold',sans-serif; font-weight: normal; display:inline-block; font-size: 1rem; line-height: 1.3rem; letter-spacing: 0.03rem; margin: 0rem; } b { font-weight: normal; font-family: 'linux_libertine_bold', serif; } hr { height:0px; border:0px; border-top:2px solid black; margin: 1rem 0px; } ul, ol { padding: 0px 0px 0px 0.5rem; margin: 0px; } li { line-height: 1.2rem; padding: 0px 0px 0px 0.3rem; margin: 0.5rem 0px 0.5rem 1.5rem; } img, a img, p a img { padding: 0px; border: 0px; text-decoration: none; } p { margin-left: 1rem; } a:link, a:visited, a:hover, a:active, a:focus { display:inline-block; text-decoration: none; color: black; border:0px; outline: none; border-bottom:2px solid black; margin-bottom: -1px; } a:hover { border-bottom:3px solid white; margin-bottom: -2px; } /************** Kopf **********/ #kopf { position:relative; width:100%; float:left; } h1 { display:inline-block; float:left; font-family: 'lato_bold',sans-serif; font-weight: normal; font-size: 1.8rem; line-height: 2.2rem; color:white; margin: 1rem 0rem -0.5rem 1rem; text-align: left; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } a#logolink, a#logolink:link, a#logolink:visited, a#logolink:active, a#logolink:focus, a#logolink:hover, a#logolink h1, a#logolink:link h1, a#logolink:visited h1, a#logolink:active h1, a#logolink:focus h1, a#logolink:hover h1 { border:none; } a#logolink:hover h1 { color:black; } #adressbereich { display:inline-block; float:right; margin: 0.5rem 0.5rem 0rem 1rem; } .adresse { display: inline-block; margin: 1rem 1rem 0rem 0rem; font-family: 'lato_regular', sans-serif; font-size: 0.85rem; line-height: 1.25rem; letter-spacing: 0rem; text-align: left; } /*********** Schwalben **********/ a#schwalbenlink, a#schwalbenlink:link, a#schwalbenlink:visited, a#schwalbenlink:active, a#schwalbenlink:focus, a#schwalbenlink:hover{ position:absolute; bottom: -3.1rem; left: 12vw; height: 3rem; border:none; margin:0px; z-index:4; } a#schwalbenlink #schwalbenpic { height: 3rem; } #draht { position:absolute; bottom: -2rem; height: 2px; width:100%; background-color:black; z-index:5; } #schwalbenverdraenger{ display: inline-block; width:15rem; height: 2rem; } #schwalbendiv_unten { float:left; width:100%; } a#schwalbenlink_unten, a#schwalbenlink_unten:link, a#schwalbenlink_unten:visited, a#schwalbenlink_unten:active, a#schwalbenlink_unten:focus, a#schwalbenlink_unten:hover { position:relative; display:block; border:none; margin:0px; height:3rem; text-decoration: none; outline: none; padding: 0rem; margin: 30vh 0rem 70vh 0rem; background-image:url(pic/menueicon_black.gif); background-repeat:no-repeat; background-position: 97% 1rem; } a#schwalbenlink_unten:hover { border-top: 2px solid black; height: calc(3rem + 2px); margin-top: calc(30vh - 2px); } a#schwalbenlink_unten #schwalbenpic { position:absolute; bottom: -1.1rem; left: 8vw; height: 3rem; } #draht_unten { position:absolute; bottom: 0rem; height: 2px; width:100%; background-color:black; } /************** Inhalt **********/ #impressumslink { padding: 0rem 1rem 0rem 0rem; top: 0px; right: 0px; font-family: 'lato_light',sans-serif; font-size: 0.75rem; text-align: right; } #impressumslink a, #impressumslink a:link, #impressumslink a:visited, #impressumslink a:active, #impressumslink a:focus, #impressumslink a:hover { border:none; display:inline-block; } #inhalt { float:left; width:100%; } .text { padding: 0rem 1rem; max-width: 40rem; } a.top, a.top:link, a.top:visited, a.top:active, a.top:focus, a.top:hover { display: block; vertical-align: baseline; text-decoration: none; outline: none; padding: 0rem 2rem 0rem 0rem; margin: 12rem 0rem 1.5rem 0rem; border-bottom: 2px solid black; background-image:url(pic/menueicon_black.gif); background-repeat:no-repeat; background-position: 97% 1rem; } a.top:hover { border-top: 2px solid black; margin-top: calc(12rem - 2px); } a.top h2, a.top:link h2, a.top:visited h2, a.top:active h2, a.top:focus h2, a.top:hover h2 { margin: 0.5rem 0px 0.3rem 1rem; } /*********** Impressum *********/ #impressum .text { max-width: 100%; } #impressum a.top, #impressum a.top:link, #impressum a.top:visited, #impressum a.top:active, #impressum a.top:focus, #impressum a.top:hover { display:block; margin: 5rem -1rem 0rem -1rem; } #impressum a.top:hover { margin-top: calc(5rem - 2px); } /************** Menü **********/ #menue { float:left; width:100%; margin: 0px; padding: 0rem 0rem 0.5rem 0rem; margin-top: 2rem; } #menue ul { padding: 0px; margin: 0px; } #menue ul li { padding: 0px; margin: 0px; list-style-type: none; } #menue ul li a { display: block; margin: 0px; font-size: 1.1rem; line-height: 1.3rem; font-weight: normal; font-family: 'lato_bold',sans-serif; letter-spacing: 0.05rem; text-decoration: none; color: black; padding: 0.5rem 0px 0.3rem 1rem; border-bottom: 2px solid black; } #menue ul li a:hover { color: white; background-color: #cdcde0; } /************** Kontakt **********/ form { width: 100%; margin-top: 3rem; display: block; } textarea { width: 100%; font-family: 'linux_libertine_italic',serif; font-size: 1.1rem; line-height: 1.4rem; height: 12rem; padding: 1rem; border: 2px solid black; margin-top:1rem; } #Buchstabenbereich { padding:0rem; margin: 0.3em 0em 0.7em 0rem; } .VerifyBuchstabe { display:inline; height: 1.6rem; width: 1.3rem; position:relative; top:0.5rem; } .VerifyPfeil { display:inline; height: 1.6rem; width: 1.6rem; position:relative; top:0.5rem; margin-left:0.5rem; } #Verifizierungseingabe { font-family: 'lato_bold',sans-serif; font-size: 1rem; padding: 0em 0.5rem; letter-spacing:0.2rem; height: 1.6rem; width:5rem; margin-left: 1rem; border: 2px solid black; } #Sendebutton { padding: 0.2rem; font-family: 'lato_bold',sans-serif; font-size: 1rem; letter-spacing:0.2rem; width: 100%; height: 3rem; background-color: #cdcde0; border: 2px solid black; } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:700px) { /************ Ende @media *************/ }