*, *:before, *:after {-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */box-sizing: border-box; /* Opera/IE 8+ */}
*, *:before, *:after {-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */box-sizing: border-box; /* Opera/IE 8+ */}
html    { font-size: 100%; overflow-x: hidden}
body {  margin: 0; padding: 0; }
body { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #2379a1; }
.shell { max-width: 1300px; padding: 0 20px; margin: 0 auto }
p { font-size: 1.15em; line-height: 1.7em; color: #2379a1; margin-bottom: 20px; }
li {  }
a:link, a:visited { color: #2379a1; text-decoration: none; outline-style: none }
a:hover, a:focus, a:active { text-decoration: underline; }
h1 { color: #2379a1; font-size: 2.4em; line-height: 1.2em; margin: 0; }
h1.rubrikhead { font-weight: normal  }
h1.homeheadline { font-size: 2.2em; line-height: 1.3em; font-weight: bold; margin-bottom: 20px; margin-top: 10px  }
.eintrag { font-size: 0.6em; font-style: italic; }
h2 { color: #2379a1; font-size: 1.4em; line-height: em; font-weight: bold; line-height: 1.2em; letter-spacing: -0.05em; margin: 10px 0 0; padding: 0; }
#verzeichnis h2 { font-size: 1em; color:#2379a1; }
h3 { color:#418eb2; font-size: 1.7em; font-weight: normal; line-height: 1.2em; margin-bottom: -6px; }
h3.home { color: #2379a1; font-weight: normal; font-size: 1.9em; margin: 0;  }
h3.news { color: #2379a1; font-weight: bold; font-size: 1.6em; line-height: 1em; margin-bottom: 15px }
h3.danken { color: #2379a1; font-weight: bold; font-size: 1.6em; line-height: 1em; margin-bottom: 15px }
h3.ergaenzungen { color: #2379a1; font-weight: bold; font-size: 1.6em; line-height: 1em; margin-bottom: 15px }
h4 { color:#418eb2; font-size: 1.8em; font-weight: ; line-height: 1.2em; margin-bottom: 0px; }
h5 { color:#2379a1; font-size: 1.5em; font-weight: normal; line-height: 1.2em; margin-bottom: 0px; }
h6 { color:#ebebeb; font-size: 1em; font-weight: normal; line-height: 1.2em; letter-spacing: 0.1em; }
#content { background-color: #ceebff; float: left; width: 100%; padding-top: 20px; padding-bottom: 20px; }
#header { background: #fff; width: 100%; height: 77px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
#logo { float: left; margin-top: 8px; margin-bottom: 5px }
#logo img { width: 100px; height: 60px; }
#navigation, #subnavigation { display: none  }
#footer { float: left; width: 100%; padding-bottom: 20px; }
#footnav { padding-bottom: 5px; }
#footnav ul { padding-left: 0; }
#footnav li { color: #58b1d3; font-size: 0.8em; line-height: 1.6em; text-transform: uppercase; letter-spacing: 0.1em; list-style: none; display: block; }
#footnav li:last-child { margin-right: 0px }
#footnav li a { color:#accee5; text-decoration: none; }
#footnav li a:hover,li a.active { color:#58b1d3; text-decoration:none }
#suche  { display: inline   }
#footnav form  { margin-top: 10px; }
#footnav input.sufield { color: #2379a1; font-size: 1em; background-color: #fff; width: 120px; height: 17px; border: solid 1px #d7d7d7; border-radius: 6px; }
#footnav input.subutton { color: #2379a1; font-size: 1em; line-height: 1.2em; background-color: #accee5; letter-spacing: 0.1em; margin-top: 4px; cursor: pointer; margin-left: 10px; border-width: 0; outline-style: none; outline-color: white; border-radius: 4px        }
#footnav input.subutton:hover   { color: white }
.blogentry { background-color: #ceebff; margin-top: 15px; border-bottom: 20px solid #ceebff; }
.blogslides img { max-width: 100%;  }
.blogtext  { margin-top: 10px; }
.blogtext h1 { font-size: 1.4em; line-height: 1.3em; }
.blogtext p { color: #2379a1; font-size: 1em; line-height: 1.4em; }
.blogpicturetext { color: #2379a1; font-size: 1em; font-style: italic; line-height: 1.4em;  padding-top: 4px}
.blogtext a { font-style: italic }
.kataloglink  { font-size: 0.85em; line-height: 1.55em;  }
.kataloglink p a:hover { color: #cd0000 }
.kataloglink a:visited { color: #2379a1 }
.textlink a:hover { color: #cd0000 }
.textlink a:visited { color: #2379a1 }
.blogtextlinks { margin-top: 10px; max-width: 500px; margin-right: 30px }
.blogtextlinks h1 { font-size: 1.4em; line-height: 1.3em }
.blogtextlinks p { color: #2379a1; font-size: 1em; line-height: 1.4em }
.blogtextlinks a { color: #2a8eb2;  text-decoration: none }
.blogtextlinks a:hover { color: #e879e8; text-decoration: none;}
.zurueck { margin-top: 40px }
.btn-zurueck { background-color: #fff; color: #2379a1; padding: 5px 18px; border-radius: 5px; cursor: pointer; }
.btn-zurueck a { color: #2a8eb2; border-color: #fff }
.btn-zurueck:hover { color: #accee5; background-color: #2a8eb2 ; text-decoration: none; }
table { color: #6e6e6e; padding-top: 10px; }
img { margin: 0; padding: 0; width: 100% }
tr { float: left; width: 100%; margin-bottom: 7px }
tr.year { border-bottom: 1px solid #fff; margin-bottom: 15px; }
td  { font-size: 1em; line-height: 1.4em; }
td.jahr { font-size: 2em; font-weight: bold; }
td.nummer {  }
td { color: #2379a1; float: left; width: 100%; margin-top: 0; margin-bottom: 10px; padding-top: 0; }
td.bild img { float: left; width: 100%  ; }
td.titel { color: #2379a1; font-weight: bold  }
td.pressetitel { color: #2379a1; font-weight: bold }
td.titel a { font-weight: bold; }
td a.hover { color: #accee5; }
td.titel a:visited { color: #2379a1; }
tr.datenzeile { padding-top:10px; padding-left: 2px }
tr.datenzeile:hover { background-color: rgba(35, 121, 161, 0.16); cursor: pointer;}
#text { float: left; width: 100%; margin-bottom: 30px;}
#text p  { font-size: 1.15em; line-height: 1.7em }
.grid { margin-bottom: 20px; margin-left: px; }
.grid ul { list-style-type: none; margin-left: -40px;}
.grid li { float: left; margin-bottom: 6px; margin-right: 10px;}
.grid li:nth-child(2n+1) { clear: left }
.grid li:nth-child(1n+1) { clear: none; }
.grid img {max-width: 100%; max-height: px;}
.anzahlbilder { color: #accee5; background-color: #2a8eb2; display: inline-block; padding: 0.25em 0.4em; font-size: 0.85em; font-weight: bold; line-height: 1em; text-align: center; white-space: nowrap; width: 34px; margin-top: px; border: solid 2px #fff; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }
.box { z-index: 0; position: relative; max-width: 100%; height: auto; opacity: 1; }
.box-layer { z-index: 3; opacity: 1; position: absolute; top: 130px; background: #2a8eb2; color: #fff; font-weight: bold; left: -4px; padding: 2px 10px 2px 15px; }
#subnavigation { background-color: #2a8eb2; width: 100%; height: 54px; float: left; display: inline; }
#subnavigation ul { margin-top: 6px; margin-left: -40px; }
#subnavigation li { color: #fff; font-size: 1.1em; line-height: 1.3em; margin-right: 6px; display: inline; }
#subnavigation li a {  color: #accee5; text-decoration: none; }
#subnavigation li a:hover { text-decoration: none; color: #fff }
#subnavigation li.subaktiv a:link,
#subnavigation li.subaktiv a:visited,
#subnavigation li.subaktiv a:active { color: #fff }
.clear-both { clear: both !important }
.sb { color: #2379a1; font-size: 1.4em; line-height: 1.3em; margin-top: 30px; }
.ke { color: #2379a1; font-size: 1.4em; font-weight: bold; line-height: 1.3em; }
dl { margin-top: 30px }
dt { font-weight: bold; font-size: 1.15em; line-height: 1.7em; color: #2379a1  }
dd {  font-size: 1.15em; line-height: 1.7em; color: #2379a1; margin-bottom: 12px; margin-left: 0px }
.date { text-transform: uppercase; font-size: 0.95em; letter-spacing: 0.05em; display: block;}
.kontakt li { font-size: 1.15em; line-height: 1.7em; color: #2379a1; list-style: none; margin-right: 20px; }
ul.kontakt { margin: 0; padding: 0; }
.kontakt li:last-child { margin-bottom: 20px }
.dank li { font-size: 1em; line-height: 1.8em; color: #2379a1; font-style: italic; list-style: none;  }
ul.dank { margin: 0; padding: 0; }
.homelayout { width: auto; float: left; margin-bottom: 40px; } 
.homelayoutlast { width: auto; float: left; margin-bottom: 40px; } 
.left, .middle, .right { width: auto; float: left; padding: 0;} 
.left { margin-bottom: -15px } 
.middle { margin-bottom: -15px } 
.right img { margin-top: 15px} 
.aktual { font-size: 1em; line-height: 1.8em; margin-bottom: -15px}
.hide { display: none  }
.homeline { border-bottom: 4px solid #2379a1 }

figcaption{ font-size: 1em; line-height: 1em; color: #2379a1; font-style: italic; margin-left: 10px; margin-top: 20px }
.homeportrait {  box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
	0 2px 4px rgba(0,0,0,0.07), 
	0 4px 8px rgba(0,0,0,0.07), 
	0 8px 16px rgba(0,0,0,0.07),
	0 16px 32px rgba(0,0,0,0.07), 
	0 32px 64px rgba(0,0,0,0.07); }

@media screen and (min-width:40em) 
{
h1 { font-size: em;  }
#header  { float: left; width: 100%; height: auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s   }
#header ul li { font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; text-transform: uppercase; letter-spacing: 0.05em }
#logo  { float: right  ; margin-top: -8px; } 
#logo img { width: 155px; height: 81px; margin-right: 20px ;} 
#navigation { display: inline; }
#navigation ul { margin-left: -40px; padding-top: 40px; }
#navigation li { color: #2379a1; font-size: 2em; margin-right: 20px; display: inline; }
#navigation li:last-child { margin-right: 0 ; padding-right: 0; }
#navigation li a { color: #73b1d3; text-decoration: none; }
#navigation li a:hover, #navigation ul li a.active { text-decoration: none; color: #2379a1 }
#navigation li.aktiv a { color: #2379a1 }
#navigation li.aktiv a:hover { color: #58b1d3 }
#subnavigation {  height: 46px }
#subnavigation ul { margin-top: 9px; margin-left: -40px; }
#subnavigation li { font-size: 1.4em; margin-right: 15px }
.blogtext  { float: right; }
.line { background-color: #418eb2; height: 20px; }
#footer { height: 40px }
#footnav { float: right; margin-top: 0; }
#footnav ul { margin-top: px }
#footnav li { margin-right: 10px }
#footnav li:last-child { margin-right: 0px }
#footnav form  { float: left; margin: 0; }
#footnav li { display: inline }
#suche  { float: right; margin-top: -4px }
#footnav input.sufield { margin-left: 10px }
.grid img { width: auto; height: 200px; }
.grid li { margin-right: 10px;}

}


@media screen and (min-width:62em) 
{
.blogtext p { max-width: 800px; }
dt { float: left; margin-right: 10px; margin-bottom: 10px  }
dd {   margin-bottom: 0px  }
dd::after { clear: left; content: " ";display: block;}
.hide { display: inline; color: #ceebff }
.homelayout { border-bottom: 1px dotted #2379a1; margin-bottom: 10px } 
.homelayoutlast { margin-bottom: 10px } 
.left { width: 330px; padding-right: 50px; margin-bottom: 20px }
.middle { width: 320px;  margin-right: 50px; margin-bottom: 20px}
.right { width: 240px }
h3.danken { font-size: 1.3em  }
h3.ergaenzungen { font-size: 1.3em  }
.dank li { display: inline }
.date { display: inline; margin-right: 8px;}
.aktualhead { font-size: 1.4em }
h1.homeheadline { font-size: 2.7em }
figcaption{ margin-bottom: 20px }

}
@media screen and (min-width:72em) 
{
#header  { padding-top: 20px  }
#logo {  }
.eintrag { margin-left: 10px }
#blog { width: 1300px; float: left; margin-right: 20px }
.blogentry { width: 1300px; } 
.blogslides { float: left; clear: left; margin-right: 30px; }
.blogslides img { max-width: 800px; max-height: 950px; }
.blogtext  { width: 350px; float: right; margin-right: 30px}
.blogpicturetext  { margin-top: 5px ; margin-bottom: 20px; }
.blogpicturetext p  {  font-size: 1.1em }
.blogtextlinks { float: left; margin-right: 30px }
.w-100 { max-width: 800px; width: 100% }
.zurueck { margin-top: 100px }
table { width: 1300px; }
.datenzeile:hover { cursor:pointer } 
td.fulltd { padding: 0em 0em 0em 0em }
td a.fulltd { display: block; width: 100%; height: 100%; text-decoration:none }
div.fulltd { height:100%; width:100% }
td  { line-height: 1.45em; }
td  { text-align: left; margin-right: 10px; }
td.jahr { font-size: 1.7em; width: 50px; padding: 0; }
td.nummer { width: 100px; padding: 0; }
td.titel { width: 360px; margin-right: 30px; }
td.pressetitel { width: 250px; margin-right: 20px; }
td.beschreibung { width:350px; margin-right: 40px; }
td.verlag { width: 300px }
td.autor { width: 200px }
td.ort { width: 350px; margin-right: 50px; }
td.datumausstellung { width: 250px  }
td.prov { width: 300px  }
td.bildericon { width: 50px; float:right }
.grid { width: 1200px; float: left; }
.mobile-break { display: none } 
.left { width: 390px }
.middle { width: 390px }
.right { width: 270px}
h1.homeheadline { width: 350px; padding-top: 5px; margin-bottom: 27px  }
.homeline { width: 280px; margin-bottom: 28px }

}
@media screen and (min-width:82em) 
{
	.left { width: 430px }
	.middle { width: 430px}
	.right { width: 340px }
	.right img { margin-bottom: px } 
}