/* Smartphone */
/* 599px oder 37.49em */

html {
	height: 100%;
	margin: 0 auto;
	font-size: 1.1em;
	font-family: Lato, serif;
	line-height: 1.5em;
	color: black;
	background-color: #FFFFFF;

/* Silbentrennung */
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

main#inhalt, aside {margin: 0 auto;}
.box {margin: 1em 0em; padding: .7em 1em .7em; box-shadow: 5px 5px 6px 0px #d9d9d9; border: 2px solid #d9d9d9;}


/* Text */
h1 {font-size: 1.5em; color: #3D62B7;}
h2 {font-size: 1.2em; color: #3D62B7;}
h3 {font-size: 1.0em; color: #494949;}
h1, h2, h3 {margin-top: 2.0em;}

.bi-name {font-weight: 400; color: #3D62B7;}
.farbig {color: #CF2225;}
.schreibschrift {font-family: 'Anke Calligraph FG', serif;}
.kursive {font-style: italic;}
p.kursive {margin-top: -1em}
.text-kopf-verkehrsfreie {color: #3D62B7; text-transform: uppercase;}
.domain::after {content:"\000040verkehrsfreie.de"}
.unsichtbar {display: none;}
.zentriert {text-align: center;}
#presse dt {font-weight: 700;}
#stadtentwicklung article h2 {border-bottom: 2px solid #3D62B7;}

blockquote::before {content: "\00BB" "\0020";}
blockquote::after {content: "\0020" "\00AB";}
blockquote[cite]::after{content: "« [" attr(cite) "]"; font-size: smaller;}

.autor, .quelle {font-style: oblique; padding-top: .5em;}
.autor:before {content:"Geschrieben von:" "\0020"; font-family: Lato, serif;}


/* Listen */
ul, .liste-ohne-punkt li {list-style-type: none;}
nav {line-height: 2.1em;}
ul.logo-name-liste {padding: 0;}
ul.aufzaehlung {list-style-type: disc;}


/* Links */
a {
	color: #CF2225;
	text-decoration: none;
	margin: .2em;
	padding: 0em .2em 0em .1em;
	border-bottom: 2px solid #d9d9d9;
}

a:hover, .angezeigt a {border-bottom: 2px solid #3D62B7;}
a:focus {border-bottom: 2px solid #FBC819;}


/* .intern::after {content:"\0020" "\2192";} */
.extern::after {content:"\0020" "\2197";}
.nach-oben::before {content:"\0020" "\2191";}
.pdf::before {content: url(../Bilder/Icons/pdf.ico) "\0020";}
iframe {border: 0; width: 100%;}


/* Video */
video {width: 100%; height: auto;}

/* Bilder */
.bild-ganz {width: 100%;}
.bild-bis-ganz {max-width: 100%;}
.bild-halb {width: 50%;}
.bild-viertel {width: 25%;}
.bild-quatrat {width: 5em;}
.logo-format {max-height: 1em;}

.shutter {display: inline-block;}



/* Smartphone Ende */


/* Tablets und kleine tragbare Computer mindestens 600px */
@media screen and (min-width: 37.5em) {

main#inhalt, aside {max-width: 48em;}

.text-kopf-verkehrsfreie li {margin: 0em .8em 0em 0em;}
#nav-webseite-verkehrsfreie *, #nav-fuss-verkehrsfreie *, .logo-name-liste *, .link-liste * {display: inline;}

}

/* Desktop mindestens 1200px */
@media screen and (min-width: 75em) {

main#inhalt, aside {max-width: 50em;}
video {max-width: 1024px;}
.box {margin: 1.5em;}
}

/* Riesen Desktop mindestens 1800px*/
@media screen and (min-width: 112.5em) {

}

/* Als PDF speichern oder drucken */
@media print {
h1, h2, h3 {color: black; page-break-after: avoid;}
img {max-width: 200px;}

nav {display: none;}
a[href^="http"]::after {content: " (" attr(href) ") "; font-size: smaller;}
p, img {page-break-inside: avoid;}

}

@font-face {
	font-family: 'Anke Calligraph FG';
	src: url('ankecallig-fg.woff2') format('woff2');
}

/* Farbcode: Blau: #3D62B7 Rot: #CF2225 Gelb: #FBC819 RGBA: fbc819ff Gruene: #579541 */