/* noto-serif-regular - latin-ext_latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/noto-serif-v21-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/noto-serif-v21-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/noto-serif-v21-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/noto-serif-v21-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/noto-serif-v21-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/noto-serif-v21-latin-ext_latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/lato-v23-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/lato-v23-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/lato-v23-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/lato-v23-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/lato-v23-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/lato-v23-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/lato-v23-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../Fonts/lato-v23-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/lato-v23-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/lato-v23-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/lato-v23-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/lato-v23-latin-ext_latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/*
    font-family:'Noto Serif',serif;
    font-family:'Lato',sans-serif;
*/
body { color:#777; padding:0; margin:0; font-size:15px; font-family:'Noto Serif', serif; background-color:#fff; line-height:1.5; }

img { height:auto; }
a img { border:0 none; }
a,
a:visited { color:#005aaa; text-decoration:underline; }
a:hover { color:#005aaa; text-decoration:underline; }
hr { margin-bottom:25px; }

.fontLato { font-family:'Lato',sans-serif; font-weight:400; }
.fontLatoBlack { font-family:'Lato',sans-serif; font-weight:900; }
.fontLato b { font-weight:900; }
.textUppercase { text-transform:uppercase; }
.textAlignRight { text-align:right; }
.blueText { color:#005aaa !important; display:inline; font-size:inherit; font-weight:inherit; }
.subline { line-height:135%; color:#333; }
.subline + p { margin-top:30px; }
/*p { margin-bottom:22px; }*/
a.blueArrow { display:inline-block; background:no-repeat url('../Images/blue-arrow.png') left center / 8px auto; padding:0 0 0 16px; }
a.blueArrowTextUppercase { display:inline-block; background:no-repeat url('../Images/blue-arrow.png') left center / 8px auto; padding:0 0 0 16px; font-size:85%; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:900; letter-spacing:1px; }
h1,h2,h3,h4,h5,h6 { color:#333; }
p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top:40px; }
.topheader { margin:40px 0 5px; color:#005aaa; font-size:120%; line-height:120%; }
p.topheader + h2, p.topheader + h3, p.topheader + h4, p.topheader + h5, p.topheader + h6 { margin-top:5px; }
.blueHeadline { color:#005aaa; font-size:14px; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:900; letter-spacing:1px; }

.btn { border-radius:0; font-family:'Lato',sans-serif; font-weight:900; }
.btn-default { color:#fff; border:0; text-transform:uppercase; background:#005aaa no-repeat url('../Images/white-arrow.png') 14px 11px / 10px auto; padding-left:35px; }
.btn-default.noArrow { background-image:none; padding-left:12px; }
a.btn-default,
a.btn-default:visited { color:#fff; text-decoration:none; transition:opacity 0.8s; }
a.btn-default:hover { color:#fff; background-color:#005aaa; opacity:0.6; transition:opacity 0.8s; }
.btn-primary { border-radius:0; font-family:'Lato',sans-serif; font-weight:900; color:#fff; border:0; text-transform:uppercase; background-color:#005aaa; }
.btn-primary:hover { color:#333; background-color:#e6e6e6; }
.alert { border-radius:0; }
.alert-info { background-color:#e5ebf0; border-color:#005aaa; color:#2668a3; }
.alert-info a,
.alert-info a:visited,
.alert-info a:hover { color:#2668a3; }
.alert *:first-child { margin-top:0; }

form.formBox { margin:30px 0 50px; }
.form-control { box-shadow:none; margin-bottom:20px; height:37px; }
label { font-weight:normal; }
select.form-control { background-color:#f3f3f3; border-color:#f3f3f3; }
.tx-powermail .container-fluid { padding:0 1px; }
.powermail_legend { border-bottom:0; }
.powermail_form h3 { margin:40px 0 30px; }
.powermail_form .form-group { margin-bottom:0; }

.desktopOnly { display:none; }
.contentWidth { padding:0 4.5%; }
aside.colRight { margin-top:60px; }

#logo { width:75%; max-width:390px; margin-top:24px; }
#logo img { width:100%; }
#mobilOpener { position:absolute; top:25px; right:7.8%; width:7%; max-width:36px; margin-top:8%; cursor:pointer; }
#mobilOpener img { width:100%; }
#issuInfo { font-size:14px; line-height:130%; color:#000; margin-top:1%; }
#header { margin-bottom:40px; }
#header.mobilNaviOpen { margin-bottom:60px; border-bottom:solid 1px #eee; -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.1); box-shadow: 0 0 35px 0 rgba(0,0,0,0.1); transition:all 1s; }
.opener { opacity:1; transition:opacity 1s; }
#header.mobilNaviOpen .opener { opacity:0; transition:opacity 0.3s; }
.naviclose { opacity:0; transition:opacity 0.3s; position:absolute; top:0; left:0; width:100%; }
#header.mobilNaviOpen .naviclose { display:inline; opacity:1; transition:opacity 1s; }

#mainNavi { display:none; margin:15px 0; border-top:solid 1px #eee; padding:0 4% 10px; }
#mainNavi ul { list-style-type:none; padding:0 0 30px; margin:0; }
#mainNavi li { display:block; border-top:solid 1px #f1f1f1; }
#mainNavi li:first-child { border-top:0; }
#mainNavi a { display:block; font-size:16px; line-height:42px; letter-spacing:1px; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:900; padding:0 15px; }
#mainNavi a, #mainNavi a:visited { color:#333; text-decoration:none; }
#mainNavi .active a, #mainNavi .active a:visited, #mainNavi .active a:hover { color:#fff; background-color:#005aaa; }

#loginBox a.userIcon { display:block; background:no-repeat url('../Images/icon-user-login.png') 0 11px; padding:0 0 0 30px; }
#loginBox a, #loginBox a:visited { color:#a7a7a7; text-decoration:none; }
.search input { width:70%; max-width:310px; padding:0 20px 0 8px; margin:12px 0 10px; line-height:38px; height:38px; border-radius:0; -webkit-appearance:none; border:solid 2px #e0e0e0; font-family:'Lato',sans-serif; font-weight:900; background:no-repeat url('../Images/icon-search.png') right center; }
.search.rightColSearch input { width:100%; }
.advertisingBox { margin:30px auto; width:100%; max-width:275px; }
.advertisingBox img { width:100%; margin-bottom:30px; }
.advertisingBigBox { margin:0 0 30px 0; }
.advertisingBigBox img { width:100%; margin:50px 0; z-index:100; position:relative; }
.advertisingBigBox .background { position:absolute; left:0; width:100%; height:1px; padding-top:17%; background-color:#f5f5f5; }

.advertisingBigBox2 { background-color:#f5f5f5; padding:20px 5%; margin:30px -5.1%; text-align:center; }
.advertisingBigBox2 img { max-width:100%; }

#mainHeadline { display:none; }
#breadcrumb { font-family:'Lato',sans-serif; font-weight:900; font-size:13px; margin:16px 0 20px; }
#breadcrumb a, #breadcrumb a:visited { color:#777; }
#breadcrumb a:hover { color:#000; }

.startTeaserHeader { background-color:#f3f3f3; letter-spacing:1px; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:900; font-size:14px; line-height:33px; position:relative; margin-bottom:23px; }
.startTeaserHeaderTitle { display:inline-block; background-color:#005aaa; color:#fff; padding:7px 15px; margin:0; font-family:'Lato',sans-serif; font-weight:900; font-size:14px; line-height:19px; }
.startTeaserHeaderTitle.fullWidth { display:block; }
.startTeaserHeaderMoreLink { position:absolute; top:0; right:0; }
.startTeaserHeaderMoreLink a { display:block; background:no-repeat url('../Images/blue-arrow.png') 14px 11px / 10px auto; padding:0 12px 0 35px; }
.startTeaserHeaderMoreLink a, .startTeaserHeaderMoreLink a:visited { color:#005aaa; text-decoration:none; transition:background-color 0.8s; }
.startTeaserHeaderMoreLink a:hover { color:#005aaa; text-decoration:none; background-color:#d7e5f2; transition:background-color 0.8s; }

.smallHeaderBox { border-bottom:solid 3px #f3f3f3; margin-bottom:20px; }
.smallHeaderBox .smallHeaderTitle {  letter-spacing:1px; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:900; font-size:14px; line-height:33px; color:#005aaa; border-bottom:solid 3px #005aaa; position:relative; bottom:-3px; display:inline-block; margin-bottom:0; }

.teaserList { margin-bottom:30px; }
.teaserList img { max-width:100%; }
.teaserList h4 { color:#333; margin-top:0; }
.teaserList a { display:block; }
.teaserList a,
.teaserList a:visited { color:#777; text-decoration:none; opacity:1; transition:opacity 0.8s; }
.teaserList a:hover { color:#777; text-decoration:none; opacity:0.7; transition:opacity 0.8s; }
.teaserList a .more,
.teaserList a:visited .more { color:#005aaa; }
.teaserList a:hover .more { color:#005aaa; text-decoration:underline; }

/*
Startseiten Teaser Typen:
type1: Kategorienteaser, großes Kategorienbild mit Titel, zweites Kategorienbild und Text rechts danneben (für 'Titelgeschichte')
type2: Detailteaserkombination, links großes Teaserbild mit Titel und Kurztext, rechts 2x Text-Bild-Teaser, Kurzliste verlinkter Titel
type3: Kategorienteaser, Aufmacherbild mit Titel, Text rechts danneben (z.B. 'Leute')
type4: Detailteaserkombination, erste Reiche 2x Teaserbild mit Titel und Kurztext, zweite Reihe Text-Bild-Teaser und Kurzliste verlinkter Titel
type5: Detailteaserkombination, erste und zweite Reiche jeweils 2x Text-Bild-Teaser (Bild optional)
type6: Detailteaserkombination, links Kurzliste verlinkter Titel, rechts großes Teaserbild mit Titel und Kurztext
type7: Detailteaserkombination, links großes Teaserbild mit Titel und Kurztext, rechts 3x Text-Bild-Teaser
* */

.teaserList .teaserBig .image { position:relative; margin-bottom:20px; }
.teaserList .teaserBig .image img { width:100%; }
.teaserList .teaserBig .title { position:absolute; bottom:0; left:0; background-color:rgba(255,255,255,0.7); width:71%; color:#333; font-size:6.8vw; line-height:115%; padding:15px; margin-bottom:-1%; }
.teaserList .teaserBig .title:empty { display:none; }
.teaserList.type2 .teaserBig .title,
.teaserList.type6 .teaserBig .title,
.teaserList.type7 .teaserBig .title { font-size:4.1vw; }
.teaserList.type3 .teaserBig .title { font-size:4.4vw; width:80%; color:#005aaa; }
.teaserList.type4 .teaserBig .title { font-size:4.4vw; width:80%; }
.teaserList .teaserImageTextCol .image,
.teaserList .teaserImageText .image { display:none; }
.teaserList .teaserTextList ul { list-style-type:none; margin:30px 0; padding:0; border-top:solid 1px #eee; }
.teaserList.type6 .teaserTextList ul { margin-top:0; }
.teaserList .teaserTextList li { border-bottom:solid 1px #eee; line-height:22px; padding:11px 0 9px 22px; background:no-repeat url('../Images/blue-arrow.png') 0 16px / 10px auto; }
.teaserList .teaserTextList h4 { display:inline; margin-right:10px; }
.teaserList.type2 .colLeft > div { padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #eee; }
.teaserList .teaserImageText + .teaserImageText { border-top:solid 1px #eee; margin-top:10px; padding-top:10px; }
.teaserList.type4.box1 .colLeft { margin-bottom:30px; }
.teaserList.type4.box2 .teaserImageText { padding-top:20px; border-top:solid 1px #eee; }

.teaserList.type5.box1 { margin-bottom:0; }
.teaserList.type5 .teaserImageText { padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #eee; }
.teaserList.type5.box2 .colRight .teaserImageText { padding-bottom:0; margin-bottom:0; border-bottom:0; }

.catTeaserImage .image { position:relative; margin-bottom:20px; }
.catTeaserImage .image img { width:100%; }
.catTeaserImage .title { position:absolute; bottom:0; left:0; background-color:rgba(255,255,255,0.7); width:80%; color:#333; font-size:6.5vw; line-height:115%; padding:10px; margin-bottom:-1%; }
.catTeaserImage.big .title { padding-bottom:15px; }
.catTeaserImage .noImage .title { position:relative; margin-bottom:0; }
.catTeaserImage.medium .title { width:66%; font-size:5vw; }
.loggedoutMode .catTeaserImage .title { position:relative; margin-bottom:0; }
@media (max-width:767px) {
    .catTeaserPortraitImage { margin-bottom:20px; }
}

.catTeaserImage .title h1,
.catTeaserImage .title h3 { font-size:inherit; margin:0; color:#333; }
.catTeaserImage .text p:last-child { margin-bottom:0; }
.catTeaserImage.small { font-size:inherit; }
.catTeaserImage.small h3,
.catTeaserText h3 { font-size:17px; margin:0 0 15px 0; color:#333; }

.newsSingleTopImage { position:relative; margin-bottom:20px; }
.newsSingleTopImage img { width:100%; }
.newsSingleTopImage .title { position:absolute; bottom:0; left:0; background-color:rgba(255,255,255,0.7); width:80%; color:#333; font-size:3.3vw; line-height:115%; padding:10px; margin-bottom:-1%; }
.newsSingleTopImage .title h1 { font-size:inherit; margin:0; color:#333; }
.newsSingleTopImageCaption { color:#bbb; font-size:80%; text-align:right; margin-top:-16px; }
.imageCopyrightBox { color:#bbb; font-size:70%; text-align:right; margin-top:1px; }
.imageCopyrightBox + .image-caption { padding-top:4px; }
.catTeaserPortraitImage { position:relative; }
.catTeaserPortraitImage .imageCopyrightBox { position:absolute; top:100%; left:15px; text-align:left; width:100%; }

.imageInText img { max-width:100%; }
.imageInText { padding:6px 0 0 0; margin:20px 0; }
.imageInText .caption { font-style:italic; line-height:110%; padding:10px 0 20px; }

.cite { font-size:18px; line-height:30px; border-left:solid 4px #005aaa; padding-left:15px; margin:60px 0; font-style:italic; }
.cite .citeName { font-family:'Lato',sans-serif; font-weight:900; font-size:14px; letter-spacing:1px; font-style:normal; text-transform:uppercase; }
.well { background-color:transparent; border:2px solid #005aaa; color:#2668a3; border-radius:0; margin:30px 0; }
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 { color:inherit; }

.coverImage { margin-bottom:34px; }
.coverImage img { margin-bottom:20px; -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.3); box-shadow:0 0 6px 0 rgba(0,0,0,0.3); }

.rightColNaviElement .startTeaserHeader { margin-bottom:0; }
.rightColNaviElement ul { list-style-type:none; margin:0 0 50px 0; padding:5px 0 0 0; }
.rightColNaviElement.blueBackground ul { background-color:#e5ebf0; padding:5px 17px; }
.rightColNaviElement li { border-top:solid 1px #eee; line-height:22px;  }
.rightColNaviElement.blueBackground li { border-top:solid 1px #fff; }
.rightColNaviElement li:first-child { border-top:0; }
.rightColNaviElement a { display:block; padding:11px 0 9px 22px; background:no-repeat url('../Images/grey-arrow.png') 0 18px / 9px auto; font-size:13px; letter-spacing:1.2px; text-transform:uppercase; }
.rightColNaviElement li.noArrow a { background-image:none; }
.rightColNaviElement a, .rightColNaviElement a:visited { color:#777; text-decoration:none; }
.rightColNaviElement a:hover { color:#000; }

.searchResults { list-style-type:none; margin:30px 0 0; padding:0; }
.searchResults li { border:solid 1px #005aaa; margin-bottom:38px; padding:0 18px 30px 18px; }
.searchResults li .searchResultIssue { display:inline-block; background-color:#fff; padding:0 10px; position:relative; top:-11px; left:15px; color:#005aaa; font-size:85%; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:900; letter-spacing:1px; }
.searchResults li h3 { margin-top:0; }

.archiveList { margin:20px 0 50px 0; }
.archiveList ul { list-style-type:none; margin:0; padding:0; }
.archiveList a { transition:opacity 0.8s; }
.archiveList a:hover { text-decoration:none; opacity:0.8; transition:opacity 0.8s; }
.archiveList a:hover .text { text-decoration:underline; }
.archiveList li { border:solid 1px #005aaa; margin-bottom:38px; padding:0 18px 20px 18px; font-size:14px; line-height:22px; }
.archiveList .issue { display:inline-block; background-color:#fff; padding:0 10px; position:relative; top:-11px; left:15px; color:#005aaa; font-size:85%; text-transform:uppercase; font-family:'Lato',sans-serif; font-weight:900; letter-spacing:1px; }
.archiveList .image { width:100%; text-align:center; padding-top:16px; }
.archiveList .image img { width:90%; max-width:260px; -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.3); box-shadow:0 0 6px 0 rgba(0,0,0,0.3); }
.archiveList .supline { color:#888; padding-top:25px; }
.archiveList .headeline { font-size:17px; padding:8px 0 12px; color:#333; }
.archiveList .text { color:#005aaa; }

.f3-widget-paginator { display:inline-block; padding-left:0; margin:0 0 20px 0; }
.f3-widget-paginator>li { display:inline; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border:1px solid #ddd; }
.f3-widget-paginator>li:first-child { border-top-left-radius:4px; border-bottom-left-radius:4px; }
.f3-widget-paginator>li:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px; }

.ce-intext.ce-left .ce-gallery { max-width:100%; margin:20px 0; }
.ce-intext.ce-right .ce-gallery { max-width:100%; margin:20px 0; }
.ce-left .ce-gallery, .ce-right .ce-gallery, .ce-column { float:none; }
.ce-gallery figure { max-width:100%; }
.ce-gallery img { width:auto; max-width:100%; height:auto; }
.ce-intext.ce-left .ce-gallery img,
.ce-intext.ce-right .ce-gallery img { width:100%; }
.image-caption { font-size:85%; padding:10px 0 0; line-height:1.2; font-weight: bold; }
.ce-column { margin-right:0; }
.ce-row { margin-bottom:0; }
.ce-image { margin:20px 0 0 0; }
.ce-textpic .image,
.ce-image .image { margin-bottom:20px; }
.ce-textpic.ce-above .ce-gallery { margin:30px 0; }
.ce-textpic.ce-right.ce-below .image,
.ce-textpic.ce-right.ce-above .image { float:right; }

.frame-well h1:first-child, .frame-well h2:first-child, .frame-well h3:first-child, .frame-well h4:first-child, .frame-well h5:first-child, .frame-well h6:first-child { margin-top:0; }

#footer { background-color:#919191; color:#fff; font-size:13px; padding:75px 0 50px; overflow-x:hidden; }
#footer a, #footer a:visited { color:#fff; text-decoration:underline; }
#footer a:hover { color:#fff; text-decoration:underline; }

#footer h3 { font-family:'Lato',sans-serif; font-weight:900; font-size:13px; margin:0 0 10px 0; color:#fff; }
#footer p { padding:0 0 30px; margin:0; }
#footer nav ul { list-style-type:none; padding:0 0 30px; margin:0; }
#footer nav li { display:block; border-bottom:solid 1px #fff; }
#footer nav a { display:block; line-height:19px; padding:10px 0; }
#footer nav a, #footer nav a:visited,#footer .footerMetaNavi a, #footer .footerMetaNavi a:visited { text-decoration:none; }
.footerMetaNavi { text-align:left; margin-top:20px; }
#footer .footerMetaNavi a:hover { text-decoration:underline; }

@media (min-width:500px) and (max-width:1023px) {
	.archiveList li { width:48%; float:left; }
	.archiveList li:nth-child(odd) { margin-right:4%; }
}

@media (min-width:580px) {
	.contentWidth { padding:0 37px; }
	#mainNavi { padding-left:37px; padding-right:37px; }

	#mobilOpener { margin-top:46px; width:40px; }
	.naviclose { top:-3px; }

	.teaserList .colLeft { float:left; width:48.5242030696576%; }
	.teaserList .colRight { float:right; width:48.5242030696576%; }
	.teaserList.type1 .colLeft { width:67.7685950413223%; }
	.teaserList.type1 .colRight { width:29.5159386068477%; }
	.teaserList.type1 .teaserBig .title { width:60%; font-size:3.6vw; }
	.teaserList.type2 .teaserBig .title,
	.teaserList.type6 .teaserBig .title,
	.teaserList.type7 .teaserBig .title { font-size:2vw; }
	.teaserList.type3 .teaserBig .title,
	.teaserList.type4 .teaserBig .title { font-size:2.1vw; }
	.teaserList.type2 .colLeft > div { padding-bottom:0; margin-bottom:10px; border-bottom:0; }
	.teaserList .teaserImageText + .teaserImageText { margin-top:4px; padding-top:13px; }
	.teaserList .teaserTextList ul { margin:20px 0; }
	.teaserList.type4.box2 .teaserTextList ul { margin:0; }
	.teaserList.type4.box1 .colLeft { margin-bottom:0; }
	.teaserList.type4.box1 { margin-bottom:10px; }
	.teaserList.type5 .teaserImageText { border-bottom:0; margin-bottom:0; }
	.teaserList.type5.box2 .teaserImageText { border-top:solid 1px #eee; padding-top:20px; }

	.cite { font-size:22px; line-height:36px; }
	.tx-powermail .container-fluid { padding:0; }
}

@media (min-width:768px) {
	.mobileOnly { display:none; }
	.desktopOnly { display:block; }
	hr { margin-top:30px; margin-bottom:30px; }
	
	#logo { padding:12px 0 14px 0; }
	#header .inner { position:relative; }
	#issuInfo { position:absolute; top:62px; right:0; text-align:right; margin-top:0; }
	#mainNavi { display:block!important; margin:0; padding:0; border-bottom: 1px solid #eee; }
	#mainNavi .inner { margin:0 37px; }
	#mainNavi ul { padding:0 110px 0 0; margin-left:-9px; }
	#mainNavi li { display:inline-block; border-top:0; }
	#mainNavi a { display:inline-block; font-size:13px; line-height:46px; padding:0 9px; opacity:1; transition:opacity 0.8s; }
	#catNavi a:hover { opacity:0.3; transition:opacity 0.8s; }
	#loginBox a { position:absolute; bottom:5px; right:0; line-height:36px; background-position:0 9px; }
	#header { margin-bottom:34px; }
	#header.mobilNaviOpen { margin-bottom:34px; -webkit-box-shadow:none; box-shadow:none; border-bottom:0; }
	
	.mainColBox > .colLeft { float:left; width:72.331340734415%; padding-bottom:40px; }
	.mainColBox > .colRight { float:right; width:23.4842015371477%; position: relative; background-color: #fff; box-shadow: 0 0 0 15px rgba(255,255,255,1); margin-bottom: 25px; }
	aside.colRight { margin-top:0; }
	
	.imageInText.imageLeft { margin:0 25px 0 0; }
	.imageInText.imageRight { margin:0 0 0 25px; float:right; }
	
	.coverImage { margin-top:56px; }
	.coverImage img { width:100%; }
	
	.teaserList.type1 .teaserBig .title { font-size:2.7vw; }
	.teaserList.type3 .teaserBig .title,
	.teaserList.type4 .teaserBig .title { font-size:1.5vw; }
	
	.teaserList .col-sm-6 { margin-bottom:30px; }
	.teaserList .col-sm-6:nth-child(odd) { clear:both; }
	
	.catTeaserImage .title { font-size: 3.3vw; }
	.catTeaserImage.medium .title { font-size:2vw; }
	.catTeaserImage.small .image { margin-bottom:0; }
	
	.footerMetaNavi { text-align:right; margin-top:0; }
}

@media (min-width:1024px) {
	.teaserList .teaserImageText .image,
	.teaserList .teaserImageTextCol .image { display:block; margin-bottom:10px; }
	.teaserList.type2 .teaserBig .title,
	.teaserList.type6 .teaserBig .title,
	.teaserList.type7 .teaserBig .title { font-size: 1.5vw; }
	
	.teaserList .teaserImageText .image { float:left; width:39.6593673965937%; }
	.teaserList .teaserImageText .text { float:right; width:56.4476885644769%; }
	.teaserList .teaserImageText.noImage .text { float:none; width:100%; }
	
	.ce-intext.ce-left .ce-gallery { margin-right:20px; width:auto; max-width:48%; margin:12px 30px 20px 0; float:left; }
	.ce-intext.ce-right .ce-gallery { margin-left:20px; width:auto; max-width:48%; margin:12px 0 20px 30px; float:right; }

	.ce-gallery[data-ce-columns="2"] .ce-column { width:calc(50% - 15px); float:right; }
	.ce-gallery[data-ce-columns="2"] .ce-column:first-child { float:left; }
	.ce-textpic .image,
	.ce-image .image { margin-bottom:30px; }

	.archiveList li { width:30.6666666667%; float:left; margin-right:4%; }
	.archiveList li:nth-child(3n) { margin-right:0; }

}

@media (min-width:1245px) {
	.contentWidth { padding:0; max-width:1171px; margin:0 auto; }
	#mainNavi .inner { max-width:1171px; margin:0 auto; }
	.teaserList.type1 .teaserBig .title { font-size:34px; margin-bottom:-7px; } 
	.teaserList.type2 .teaserBig .title,
	.teaserList.type6 .teaserBig .title,
	.teaserList.type7 .teaserBig .title { font-size:20px; }
	.teaserList.type3 .teaserBig .title,
	.teaserList.type4 .teaserBig .title { font-size:19px; }
	.advertisingBigBox .background { height:210px; padding-top:0; }
	.catTeaserImage .title { font-size:41px; }
	.newsSingleTopImage .title { font-size:41px; }
	.catTeaserImage.medium .title { font-size:25px; }
}