@import url("//hello.myfonts.net/count/3c7174");
@import url("//hello.myfonts.net/count/3d0b3a");
/* @import must be at top of file, otherwise CSS will not work */
/*===================================
CSS file by Torsten Kelsch 2022
https://www.torstenkelsch.de/
===================================*/
/**
* @license
* MyFonts Webfont Build ID 3961204, 2020-10-15T17:19:11-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: OrnitonsTS-LightObl by TypeShop Collection
* URL: https://www.myfonts.com/fonts/ef-typeshop/ornitons/light-obl/
* Copyright: Copyright  2006 Veronika Elsner, Guenther Flake GbR; Hamburg. All Rights Reserved.
*
* © 2020 MyFonts Inc
*/
@font-face {
font-family: 'OrnitonsTS-LightObl';
src: url('/webfonts/OrnitonsTS-LightObl/font.woff2') format('woff2'),
url('/webfonts/OrnitonsTS-LightObl/font.woff') format('woff');
}
/**
* @license
* MyFonts Webfont Build ID 4000570, 2021-01-21T14:44:30-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: OrnitonsTS-RegularObl by TypeShop Collection
* URL: https://www.myfonts.com/fonts/ef-typeshop/ornitons/regular-obl/
* Copyright: Copyright  2006 Veronika Elsner, Guenther Flake GbR; Hamburg. All Rights Reserved.
*
* © 2021 MyFonts Inc
*/
@font-face {
font-family: 'OrnitonsTS-RegularObl';
src: url('/webfonts/OrnitonsTS-RegularObl/font.woff2') format('woff2'),
url('/webfonts/OrnitonsTS-RegularObl/font.woff') format('woff');
}
/* @license
* MyFonts Webfont Build ID 2402666, 2012-11-01T16:20:20-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Ornitons Serial Xlight by SoftMaker
* URL: http://www.myfonts.com/fonts/softmaker/ornitons-serial/xlight/
* Licensed pageviews: 20,000
*
* Webfont: Ornitons Serial Heavy by SoftMaker
* URL: http://www.myfonts.com/fonts/softmaker/ornitons-serial/heavy/
* Licensed pageviews: unspecified
*
* Webfont: Ornitons Serial Bold by SoftMaker
* URL: http://www.myfonts.com/fonts/softmaker/ornitons-serial/bold/
* Licensed pageviews: unspecified
*
* Webfont: Ornitons Serial Medium by SoftMaker
* URL: http://www.myfonts.com/fonts/softmaker/ornitons-serial/medium/
* Licensed pageviews: unspecified
*
* Webfont: Ornitons Serial Light by SoftMaker
* URL: http://www.myfonts.com/fonts/softmaker/ornitons-serial/light/
* Licensed pageviews: unspecified
*
* Webfont: Ornitons Serial Xbold by SoftMaker
* URL: http://www.myfonts.com/fonts/softmaker/ornitons-serial/xbold/
* Licensed pageviews: unspecified
*
* Webfont: Ornitons Serial by SoftMaker
* URL: http://www.myfonts.com/fonts/softmaker/ornitons-serial/regular/
* Licensed pageviews: unspecified
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=2402666
* Webfonts copyright: Copyright (c) 2011 by SoftMaker Software GmbH and its licensors. All rights reserved.
*
* © 2012 Bitstream Inc
*/
@font-face {
font-family: 'OrnitonsSerial-Xlight';
src: url('/webfonts/24A96A_0_0.woff') format('woff');
}
@font-face {
font-family: 'OrnitonsSerial-Heavy';
src: url('/webfonts/24A96A_1_0.woff') format('woff');
}
@font-face {
font-family: 'OrnitonsSerial-Bold';
src: url('/webfonts/24A96A_2_0.woff') format('woff');
}
@font-face {
font-family: 'OrnitonsSerial-Medium';
src: url('/webfonts/24A96A_3_0.woff') format('woff');
}
@font-face {
font-family: 'OrnitonsSerial-Light';
src: url('/webfonts/24A96A_4_0.woff') format('woff');
}
@font-face {
font-family: 'OrnitonsSerial-Xbold';
src: url('/webfonts/24A96A_5_0.woff') format('woff');
}
@font-face {
font-family: 'OrnitonsSerial';
src: url('/webfonts/24A96A_6_0.woff') format('woff');
}
/***** Basis *****/
html {
background-color: #1c3753:
}
body {
background-color: #54BAE0;
background-image: url(images/blau-458.jpg);
background-size: contain;
background-repeat: no-repeat;
color: #1C3753;
font-family: 'OrnitonsSerial-Light', sans-serif;
font-size: 1.2rem;
line-height: 1.4;
margin: 0;
padding: 0;
}
div {
box-sizing: border-box;
}
.wrapper {
background-color: rgba(245, 245, 245, 0.8);
margin: 0 auto;
max-width: 960px;
width: 100%;
}
article,
aside,
footer
header,
hgroup,
main,
nav,
section {
box-sizing: border-box;
display: block;
margin: 0 auto;
width: 100%;
}
/***** Bereiche *****/
div.content {
background-color: rgba(255,255,255,.8);
margin: auto;
max-width: 960px;
padding: 16px;
width: 100%;
}
div.comments {
padding: 16px;
}
div.entry-meta {
font-family: 'OrnitonsTS-LightObl';
font-size: 1rem;
margin-bottom: 4px;
}
div.rezensionen {
background-color: rgba(173,219,235,0.5);
/* border-top: 4px solid #54bae0; */
border-bottom: 4px solid #54bae0;
padding: 16px;
}
header {
background-color: rgba(84,186,224,0.8);
}
article header {
background-color: transparent;
}
main {
margin: 0 auto;
padding: 0;
}
main article {
border-bottom: 4px solid #54bae0;
padding-bottom: 16px;
}
main article:last-of-type {
border-bottom: none;
}
main article img {
display: inline;
}
article,
section {
margin: auto;
max-width: 960px;
padding: 8px 16px;
}
article.nopadding {
padding: 0;
}
section.logo {
margin: auto;
padding: 16px 0;
width: 100%;
}
section.logo div {
margin: auto;
max-width: 960px;
text-align: center;
}
section.logo div:nth-of-type(1) {
font-family: 'OrnitonsSerial-Bold', sans-serif;
font-size: 2rem;
line-height: 1.4;
}
section.logo div:nth-of-type(2) {
font-family: 'OrnitonsSerial-Medium', sans-serif;
font-size: 1.8rem;
line-height: 1.2;
}
section.logo div:nth-of-type(3) {
font-family: 'OrnitonsSerial-Medium', sans-serif;
font-size: 1.2rem;
line-height: 1.2;
}
footer {
background: #1C3753;
margin: 0;
min-height: 48px;
width: 100%;
}
footer div {
color: #fff;
margin: 0 auto;
max-width: 960px;
padding: 16px;
width: 100%;
}
article footer {
background-color: transparent;
margin-top: 32px;
}
footer section {
color: #fff;
}
footer span {
padding-left: 16px;
}
article footer span {
border-top: #54bae0 dashed 1px;
font-size: 1.0rem;
padding-top: 16px;
padding-left: 0;
}
footer .box {
float: left;
margin: auto 16px 16px 0;
min-width: 320px;
padding: 8px 16px;
width: 33%;
}
footer .box:nth-of-type(3) {
margin-right: 0;
}
/***** Typografie *****/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family: 'OrnitonsSerial-Medium', sans-serif;
font-weight: normal;
line-height: 1.1;
}
h1 {
font-size: 2.2rem;
line-height: 1.0;
padding-top: 0;
}
.entry-header h1 {
margin-bottom: 4px;
}
.entry-header h1 a {
text-decoration: none;
}
h2 {
font-size: 1.8rem;
padding-top: 1.5rem;
}
h3 {
font-size: 1.5rem;
padding-top: 1.5rem;
}
h4 {
font-size: 1.3rem;
}
h5 {
font-size: 1.2rem;
}
h6 {
font-size: 1.1rem;
}
code {
background-color: rgba(173,219,235,0.5);
font-family: 'Liberation Mono', 'DejaVu Sans Mono', 'Lucida Sans Typewriter', 'Menlo', monospace;
font-size: 1.1rem;
word-wrap: break-word;
}
code.block {
display: inline-block;
margin: 8px 0;
padding: 0;
}
hr {
margin: 20px 0 20px 0;
border: 0;
border-top: 1px solid #54bae0;
height: 2px;
width: 100%;
text-align: left;
}
kbd {
border-radius: 2px;
font-family: 'Liberation Mono', 'DejaVu Sans Mono', 'Lucida Sans Typewriter', 'Menlo', monospace;
font-size: 1.1rem;
padding: 0 4px;
border: 1px solid #54bae0;
}
p {
hyphens: auto;
margin: 1.0rem 0;
}
pre.nomargin,
pre code.block {
margin: 0;
}
sup, sub {
height: 0;
line-height: 1px;
vertical-align: baseline;
vertical-align: bottom;
position: relative;
}
sup {
bottom: 1px;
}
sub {
font-size: .6rem;
top: 1px;
}
small,
.small {
display: block;
font-size: 1rem;
margin-top: -8px;
}
i,
em,
.italic,
.kursiv {
font-family: 'OrnitonsTS-LightObl';
font-style: normal;
}
h2 i,
h2 em {
font-family: 'OrnitonsTS-RegularObl';
}
b,
strong,
.bold,
.fett {
font-family: 'OrnitonsSerial-Medium', sans-serif;
font-weight: normal;
}
.gesperrt {
letter-spacing: 0.2rem;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
blockquote {
border-left: 8px solid #54bae0;
font-family: 'OrnitonsTS-LightObl';
margin-left: 0;
margin-bottom: 0;
padding-left: 16px;
}
blockquote ol {
padding-left: 0;
}
/***** Bilder *****/
img {
border: 0;
display: block;
height: auto;
margin: 8px 0;
max-width: 100%;
width: auto;
}
footer img {
display: inline;
}
div.beitragsbild img {
float: right;
margin-left: 16px;
}
.commentlist img {
display: inline;
margin: 16px 8px 0 0;
vertical-align: text-bottom;
}
img.kategoriebild,
img.konterfei {
display: inline;
float: right;
max-height: 240px;
padding: 32px 0 16px 16px;
max-width: 24vw;
}
img.rahmen {
border: 1px dashed #1C3753;
}
img.schatten {
box-shadow: 0 0 8px 0 rgba(28, 55, 83, 0.75);
}
/***** Formulare *****/
button,
input {
box-sizing: border-box;
font-family: 'OrnitonsSerial-Light', sans-serif;
font-size: 1.2rem;
}
label {
display: block;
}
textarea {
box-sizing: border-box;
font-family: 'OrnitonsSerial-Light', sans-serif;
font-size: 1.2rem;
line-height: 1.4;
width: 100%;
}
/***** Hyperlinks *****/
a {
color: #333;
}
footer a {
color: #fff;
}
main footer a {
color: #1C3753;
}
/***** Listen *****/
ol, ul {
list-style: none;
margin-bottom: 16px;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal;
margin-left: 16px;
}
li {
line-height: 140%;
}
ol.kleinbuchstaben {
list-style-type: lower-latin;
}
ol.commentlist {
margin-left: 0;
padding-left: 0;
}
ol.commentlist li {
border-bottom: 2px solid #54bae0;
list-style-position: inside;
}
ol.commentlist li.alt {
/* background-color: */
}
/***** Navigation *****/
nav {
background-color: rgba(0,0,0,0.8);
/* position: fixed; */
width: 100%;
}
nav ul {
margin: 0 auto;
max-width: 928px;
padding: 0;
}
nav li {
display: inline;
list-style: none;
margin-right: 8px;
}
nav li:last-of-type {
margin-right: 0;
}
nav li a {
color: #54bae0;
text-decoration: none;
}
nav li.current a {
color: #c8e5f7;
}
nav li a:hover {
color: #c7d4de;
}
nav li img {
display: inline;
margin: 8px 16px 0 32px;
}
@media screen and (max-width: 959px) {
nav ul {
left: 0;
padding: 0;
width: 100%;
}
nav li {
background-color: rgba(7,65,103,1);
border-bottom: 1px solid #cdd9e1;
display: none; /* hide all items */
margin: 0;
padding: 4px;
}
nav li:last-child {
border-bottom: 0;
}
nav li.menu {
color: #54bae0;
display: block; /* show only current item */
border-bottom: 4px solid rgba(255,255,255,0.8);
padding: 0;
}
nav li.menu span {
display: block;
padding: 4px 32px 4px 32px;
}
nav li a {
display: block;
}
nav a {
display: block;
padding: 5px 5px 5px 32px;
text-align: left;
}
nav ul:hover li {
display: block;
}
}
@media only screen and (min-width: 960px) {
nav li.menu {
display: none;
}
}
.nav-below,
.nav-below a {
color: #54bae0;
}
.nav-below {
padding-top: 8px;
}
.nav-previous {
float: left;
padding-left: 16px;
text-align: left;
}
.nav-next {
float: right;
padding-right: 16px;
text-align: right;
}
.nav-single {
background-color: transparent;
margin: 0 16px;
}
.nav-single a {
color: #54bae0;
color: #4079a0;
}
.nav-single .alignleft,
.nav-single .alignright {
padding-top: 10px;
}
button {
border-radius: 8px;
border-style: solid;
border-width: 2px;
cursor: pointer;
font-family: 'OrnitonsSerial-Medium', sans-serif;
font-weight: normal;
font-size: 1rem;
padding: 8px 24px;
}
/***** Tabellen *****/
table {
border-collapse: separate;
border-spacing: 16px;
margin: 0;
padding: 0;
}
td {
border: 1px solid #333;
border-radius: 8px;
padding: 8px;
}
/*------------------------------------------------------------------------------
Desktop Computers
------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
nav {
margin: 0;
width: auto;
}
nav a {
padding: 0 8px;
}
nav {
height: 48px;
}
nav li {
float: left;
line-height: 48px;
padding-left: 0;
width: auto;
}
/*
main {
float: left;
width: 66%;
}
*/
main article img:nth-of-type(2) {
margin-left: 16px;
}
aside {
}
aside li {
list-style-type: none;
}
footer section {
max-width: 960px;
}
footer .box {
max-width: 304px;
min-width: 240px;
}
}