/* Google fonts */ @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic); @import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic); /* reset + html5 boilerplate*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} nav ul{list-style:none;list-style-image:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} q{quotes:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff0;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #686868;margin:1em 0;padding:0} /* reset end - fonts.css aus der YUI Bibliothek developer.yahoo.com/yui/ */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small} select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;margin:0;vertical-align:baseline;*vertical-align:middle} table{font-size:inherit;font:100%} pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none;height:0} h1,h2,h3,h4,h5,h6{font-weight:normal; font-family: 'Roboto Condensed', sans-serif} html{overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} a:hover,a:active{outline:none;text-decoration:underline} a,a:active,a:visited{color:#9197a6;text-decoration:none} a:active,a:hover{text-decoration:underline;outline:0} a:focus{outline:thin dotted} ul,ol{margin-left:25px} ol{list-style-type:decimal} nav ul,nav li{margin:0} small{font-size:85%} b,strong,th{font-weight:bold} td,td img{vertical-align:top} sub{vertical-align:sub;font-size:smaller} sup{vertical-align:super;font-size:smaller} pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word} dfn{font-style:italic} textarea{overflow:auto} svg:not(:root){overflow:hidden} legend{white-space:normal;*margin-left:-7px} input[type="radio"]{vertical-align:text-bottom} input[type="checkbox"]{vertical-align:bottom} label,input[type=button],input[type=submit],button{cursor:pointer} input:valid,textarea:valid{} select:invalid,input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red} ::-moz-selection,::selection{background:#00ADEF;color:#fff;text-shadow:none} a:link{-webkit-tap-highlight-color:#FF5E99;} button{width:auto;overflow:visible} button,select{text-transform:none} button,input{line-height:normal} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible} button[disabled],html input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top;resize:vertical} img{-ms-interpolation-mode:bicubic} /* --- */ .hidden, .powermail_form h3, .powermail_legend{display:none;visibility:hidden} .visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)} .invisible{visibility:hidden} .clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;} .clearfix:after{clear:both} .clearfix{zoom:1} /* Freie Welt */ html,body{background:#fff;font-family: 'Fira Sans Condensed', sans-serif, sans-serif;font-size:16px; line-height:22px; color:#58575a;} .subcols{overflow:hidden;clear:both;} .c33l{float:left; width:336px; margin-right:28px;} .c33r{float:right; width:336px;} .c66l{float:left; width:700px; margin-right:28px;} #wrapper{width:1064px;margin:0 auto 8px auto; position:relative;} a, a:active, a:hover, a:visited, a:link{outline:0;} h2, h2 a{font-size: 20px; margin: 20px 0 5px; font-weight: bold;} h3, h3 a{font-size: 16px; margin: 10px 0 2px; font-weight: bold;} p { margin: 0 0 18px 0; } /* -- Header -- */ #page-header{background:url(../img/logo-neu.jpg) no-repeat 100px 0;padding-top:37px;position:relative; clear:left; overflow:hidden; margin-bottom: 22px;} #logo{display:block;height:108px;margin:0 auto 8px auto;width:1044px;} #logo a{display:block;text-indent:-99999px; height:108px;} #searchform{position:absolute; top:8px; right:8px;} #searchform input{border:1px solid #ff7664;font-size:14px; padding:1px 4px; font-family:'PT Sans', sans-serif; color:#000;float: left;height:18px;} #searchform button{border:1px solid #ff7664; background:#ff5f4b url(../img/search.jpg) no-repeat center center; text-indent:-99999px; width:22px; height:22px;float: left;} #navigation li{background:#ff563f; width:102px; height:30px; margin-right:4px;float:left;text-align:center;} #navigation li:last-child{width:110px;margin:0;} #navigation li.active{background:#333;} #navigation li a, #navigation li a:visited,#navigation li time{display:block;padding:6px 0 3px 0;color:#fff;font-size:15px; line-height:normal; text-transform:uppercase; font-weight:bold;font-family: 'PT Sans';} #navigation li time{font-weight:normal;} #navigation li a:hover, #navigation li a:active{text-decoration:none;background:#333;} /* -- Content -- */ .contentblocks{margin-bottom:102px;} #quoteoftheday h1, .sectiontitle, a.sectiontitle{font-family:'PT Sans';display:block; background:#ff563f; text-align:center; font-size:18px; line-height: 22px; padding:5px 0 3px 0; font-weight:bold; color:#fff;margin-bottom:16px; text-transform:uppercase;} #ourblogs .sectiontitle, #news .sectiontitle {padding: 5px 60px 3px 60px;} #ourbloggers .sectiontitle{line-height:normal;padding: 7px 0;} .c66l h1.csc-firstHeader{color: #ff563f;font-size: 20px;line-height: normal;text-transform: uppercase;font-weight: bold;font-family: 'PT Sans'; margin-bottom: 16px;} .comments:before{position:absolute;content:url(../img/comments.png); left: 2px; top: 0;} .comments, .comments:visited{color:#58575a;position:relative;padding-left:25px;} .tx-comments-form-top-message { font-weight: bold; } .paginator{list-style:none;margin:0; display:block; background:#dbdbdb; text-align:center;} .paginator li{display:inline-block;} .paginator a, .paginator a:visited{display:inline-block;padding:0 7px;color:#000;line-height:30px;} .paginator a:hover, .paginator a:active, .paginator .active a, .paginator .active a:visited, .tx_jkpoll_to_singleview a, tx_jkpoll_to_singleview a:visited{color:#ff563f;font-weight:bold;text-decoration:none;} .commercial span { font-size: 10px; margin: 0; } .commercial img { max-width: 326px; } .commercial { padding-bottom: 15px; border: 1px solid grey; padding-left: 5px; } /* -- Preview Articles -- */ .articlepreview{font-size:16px; line-height: 22px; margin-bottom:16px; background:#f6f6f6; padding:11px 6px 11px 11px;} .articlepreview.imgwithoutcapt {overflow: hidden;} .articlepreview.imgwithoutcapt figure{float: left; margin: 5px 19px 0 0;} .articlepreview.imgwithoutcapt figcaption{display:none;} .articlepreview a.author, .articlepreview a.author:visited, .articlepreview.news h2 a, .articlepreview.news h2 a:visited, .articlepreview.related h2, .articlepreview.mini h2.sidebarheadlineright, #single-page-article .related h2{color:#3e3d40; font-weight:bold; font-size:16px; line-height: 20px;} .articlepreview.news h2 a, .articlepreview.news h2 a:visited{font-size:20px; line-height:24px;} .articlepreview.news h2 a:hover, .articlepreview.news h2 a:active{text-decoration:none;} .articlepreview h1{margin-bottom:8px;} .articlepreview h2{margin:0;} .articlepreview h1 a, .articlepreview h1 a:visited, #single-page-article .related h1 a, #single-page-article .related h1 a:visited{color:#ff563f; font-size:30px; line-height: 28px; /*font-style:italic;*/ } .articlepreview a.more, .articlepreview a.more:visited, .news-list-morelink a, .news-list-morelink a:visited{color:#58575a; font-size:16px; line-height: 24px; font-family:'PT Sans'; font-style:italic; text-decoration:underline; display: block;} .articlepreview a.more:hover, .articlepreview a.more:active, .news-list-morelink a:hover, .news-list-morelink a:active{text-decoration:none;} .articlepreview .comments, .articlepreview time{font-size:14px;font-family:'PT Sans';} .articlepreview footer .author { font-size: 14px; color: #58575a; font-weight: normal; } .articlepreview p{margin:0 0 9px 0; font-size: 17px !important; line-height: 21px;} .articlepreview.news figcaption {margin:0 0 9px 0; font-size: 13px !important; line-height: 19px;} .articlepreview.news figcaption p{margin: 0;font-size: 13px !important; line-height: 19px;} #news{margin-top:-2px;} .news-list-morelink{padding:0;} .c33r .articlepreview h1 a, .c33r .articlepreview h1 a:visited{font-size:20px; line-height: 24px;} .c33r .articlepreview .news-list-morelink a, .c33r .articlepreview .news-list-morelink a:visited{ display: inline; float:right; margin:0 10px;} .articlepreview.news{background:transparent; padding:0; margin-bottom:35px;} .articlepreview.news h1 a, .articlepreview.news h1 a:visited{font-style:normal;font-size:30px; line-height: 34px;margin:2px 0;display: block;} .articlepreview.news figure img{display:block;} /*.articlepreview.news figcaption, .articlepreview.news figcaption a, .articlepreview.news figcaption a:visited, .tx-jkpoll-pi1 figcaption, .tx-jkpoll-pi1 figcaption a, .tx-jkpoll-pi1 figcaption a:visited,#infocus figcaption, #infocus figcaption a, #infocus figcaption a:visited, #single-page-article figcaption, #single-page-article figcaption a, #single-page-article figcaption a:visited{font-size:12px;color:#58575a; font-family: 'PT Sans';line-height: 18px;}*/ figcaption, figcaption a, figcation a:visited, figcaption p a, figcaption p a:visited, #single-page-article figcaption a, #single-page-article figcaption a:visited{font-size:12px;color:#58575a; font-family: 'PT Sans';line-height: 18px;} .articlepreview.mini{padding:11px;} .articlepreview.mini time{display: block;line-height:20px;margin-bottom:2px;} .articlepreview.mini h1{margin-bottom:0;} .c33r .articlepreview.mini h1, .c33r .articlepreview.mini a.author, .c33r .articlepreview.mini h2{width:200px;margin-left:10px;} #mostreadrecommended h1, .c33r #mostreadrecommended a.author{margin-left:0;} #mostreadrecommended h1{margin-bottom:10px;} #mostreadrecommended article, #interviews article{overflow:hidden;clear:both;} #interviews figure{width:97px;} #interviews .sidebarheadlineright{width:200px;} #interviews span{display:none;} #interviews h1{margin:0;} #interviews h2{font-size:16px;} /* -- Article List -- */ .articlepreview.list{background:transparent;padding:0;overflow:hidden;clear:both;margin-bottom: 25px;} .articlepreview.list figure{float:left;margin-right:16px;width: 336px;/*text-align:right;*/} .articlepreview.list figcaption, .articlepreview.list figcaption a, .articlepreview.list figcaption a:visited{font-size:12px;color:#58575a; font-family: 'PT Sans';text-align:left;} .articlepreview.list time{color: #3e3d40;font-family: 'PT Sans';font-weight: bold;font-size: 16px; line-height: 20px;} .articlepreview.list footer time{color:#58575a;font-weight: normal;font-size: 12px; line-height: 22px;} .articlepreview.list h1{margin:5px 0 15px 0;} .articlepreview.list h1 a, .articlepreview.list h1 a:visited{font-size: 30px;line-height: 34px;font-style:normal;} .c66l .articlepreview.list h2 {color:#3e3d40;} .c66l .articlepreview.list h2 span, #single-page-article .related h2 span, .articlepreview.related h2 span{color:#58575a;display: block;font-weight: normal;font-size: 14px;line-height: 18px;font-family: 'PT Serif';} .c66l .articlepreview.list h2, .c66l .articlepreview.list h1, .c66l .articlepreview.list footer, .c66l .articlepreview.list p{margin-left:352px;} .c66l .articlepreview.list.authorlist h2, .c66l .articlepreview.list.authorlist h1, .c66l .articlepreview.list.authorlist footer, .c66l .articlepreview.list.authorlist p { margin-left: 0} /* -- Single Article -- */ #single-page-article{padding-bottom:15px;} #single-page-article h2{color:#333;font-weight:bold;font-size:20px;line-height: 24px; margin-bottom: 5px; margin-top: 0;} #single-page-article h2 span{display: block;font-weight: normal;font-size: 16px;} #single-page-article h1{color:#ff563f;font-size: 37px; line-height: 45px;margin-bottom: 10px;clear:left;} #single-page-article header,#single-page-article p{width:500px;} #single-page-article li{width:475px;} #single-page-article p,#single-page-article header, #single-page-article aside{margin-bottom:22px;} #single-page-article p.teasertext{width:100%;} #single-page-article figure, #single-page-article figure img{display:block;} #single-page-article figure{margin-bottom:13px;} #single-page-article figcaption span{font-size:12px; color:#ff563f; display:block;} #single-page-article a, #single-page-article a:visited, #pdf-download{color:#ff563f;} #art_actions{margin:0 0 15px 0;list-style:none;} #art_actions li{display:inline-block;margin-right:5px;} #art_actions li a{display:block; height:23px; text-indent:-99999px;} #art_recommend{background:url(../img/empfehlen.jpg);width:122px;} #art_print{background:url(../img/drucken.jpg);width:81px;} #direktspende { margin:0; padding-top:15px; border-top:1px dotted; width: 500px; font-size:16px; } #direktspende p { display: inline-block;width: auto;vertical-align:top;margin: 0 5px 0 0;font-size: 14px;} #direktspende input {width: 40px;height: 40px;font-size: 16px;line-height: 40px;margin-right: 5px;} #direktspende img { margin-left:10px; vertical-align: top;} #blogauthor, #blogauthor a, #blogauthor a:visited,#single-page-article a.comments, #single-page-article a.comments:visited, #single-page-article .news-list-morelink a, #single-page-article .news-list-morelink a:visited{color:#58575a;} #blogauthor figure{float:left;margin-right:20px;} #blogauthor span{font-style:italic;color: #ff563f;font-size:30px;line-height:35px;display:block;padding-top:80px;} #blog-info-text { font-size: 13px; font-style: italic } /* -- Comment Form -- */ #comment-form h3{color: #ff563f; font-weight:bold; margin-bottom: 30px;} #comment-form{display: block;margin: 30px 0;width:500px;padding-top: 10px;border-top: 1px dotted;} #comment-form input[type="text"], #comment-form textarea, #comment-form input[type="submit"]{border:1px solid #a9a9a9; width:160px; padding: 5px} #comment-form textarea{width:418px; height: 180px;} #comment-form label,#comments .answer-form label{margin-left:12px;font-size:12px;font-weight:bold; color:#333;} #comment-form label.hiddenlabel{display:none;} #comment-form input[type="submit"]{ background: #fcfcfc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fcfcfc 0%, #fcfcfc 45%, #fcfcfc 45%, #ececec 55%, #ececec 57%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(45%,#fcfcfc), color-stop(45%,#fcfcfc), color-stop(55%,#ececec), color-stop(57%,#ececec), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#fcfcfc 45%,#fcfcfc 45%,#ececec 55%,#ececec 57%,#ececec 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#fcfcfc 45%,#fcfcfc 45%,#ececec 55%,#ececec 57%,#ececec 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#fcfcfc 45%,#fcfcfc 45%,#ececec 55%,#ececec 57%,#ececec 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#fcfcfc 45%,#fcfcfc 45%,#ececec 55%,#ececec 57%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 ); -webkit-border-radius: 8px; border-radius: 8px; padding: 3px; font-size: 14px; } #comment-form p, .tx-comments-captcha {margin-bottom: 18px;position:relative;} .tx-comments-required-error{color:red;font-size:10px;position:absolute;top:-19px;left:0;} /* -- Comments -- */ #comments{border-top: 1px dotted; padding-top:14px;width:500px;} #comments article{overflow:hidden;clear:both;} #comments article figure{float:left; margin-right:15px;} #comments article{display:block;margin-bottom:30px;} #comments article a{color:#ff563f;margin-right:15px;} #comments article p{margin:10px 0;} #comments article p, #comments .answer-form{margin-left:65px;} #comments h2{margin: 0 0 14px 0;font-size: 16px;font-weight: normal;color: #ff563f;} #comments article a.answer-this-comment{color:#58575a;margin:20px 0;display:block;} #comments .answer-form{display:none;margin-bottom:20px;} #comments .answer-form p{margin-left:0;} #comments .answer-form label{display:block;margin:0;} .subcomment{margin-left:65px;} #comments .answer-form .tx-comments-comment-input, #comments .answer-form .tx-comments-comment-textarea{width:90%;} /* -- Single Blog Article -- */ .single-blog header img{float:left; margin: 0 10px 20px 0;} .single-blog header span{color:#ff563f;font-size: 36px; line-height: 40px; font-style:italic;margin-top: 65px; display: inline-block;} .single-blog header li a{color:#58575a;} .single-blog header li{list-style:none; display:inline;} .single-blog header li:before{content:' - '} .single-blog header li:first-child:before{content:'';} #single-page-article.single-blog h1 {display: block; clear: left;} #single-page-article.single-blog .sb-maintxt p{margin: 0; padding: 6px 10px 12px 10px; background: #f2f2f3;} .sb-maintxt{margin-bottom:20px;} /* -- In Focus Overview -- */ h1.infocusoverview, #infocus-single-headline{background:#ff563f;display:block;color:#fff; font-size: 30px; line-height: 40px; text-transform:uppercase; text-align:center; padding-bottom:10px;} h2.infocusoverview{background: #333; display: block; color: #fff; width: 138px; margin: -10px auto 0 auto; padding: 2px 15px; border: 3px solid #fff; font-size: 16px; line-height: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;} .infocusoverview-big{overflow:hidden;clear:both;} .infocusoverview-big .newscontent{background: #ffddd8;position: relative; height: 231px; margin-bottom:20px;overflow: hidden;} .infocusoverview-big .newscontent p{width: 580px; display: inline-block;} .infocusoverview-big .newscontent img{float:left; margin-right:15px;} .infocusoverview-big .newscontent time{color: #3e3d40; font-weight: bold; font-size: 16px; line-height: 20px; margin-top: 10px; display: inline-block} .infocusoverview-big .newscontent h1 a, .infocusoverview-big .newscontent h1 a:visited{color: #ff563f;font-style: normal; font-size: 30px; line-height: 34px; margin-bottom: 6px; display: block;font-weight: bold;} .infocusoverview-big .newscontent .news-list-morelink a, .infocusoverview-big .newscontent .news-list-morelink a:visited{color: #ff563f; font-style: normal; font-size: 16px; line-height: 30px; font-weight: bold; display: block; text-decoration:none; text-transform: uppercase} .infocusoverview-big .newscontent .socials{position: absolute; right: 5px; bottom: 5px;} .infocusoverview-big .newscontent figcaption{display:none;} .articlepreview.mini.related{width:314px;padding:11px 20px;float: left; background: transparent;} .articlepreview.mini.related:nth-child(5){clear: left;} .related .sidebarheadlineright {width: 200px;} /* -- In focus related -- */ /*#single-page-article .related h1{font-size: 18px;line-height: 24px;clear: none;} #single-page-article .related a.author, #single-page-article .related a.author:visited{color:#58575a;}*/ .infocusoverview-big .articlepreview.mini h1, #single-page-article .related h1{margin-bottom:10px;line-height:28px;font-size:24px;} .articlepreview.mini.related figure{line-height:0; margin-bottom:5px;min-height:151px;} #single-page-article .related{padding: 11px 18px;} #single-page-article .related:nth-child(2n+1){clear:left;} #single-page-article .related h2{margin:0;} #single-page-article .related p{width:inherit;} #single-page-article .related figure{margin:0 0 5px 0;} #single-page-article .related figcaption{padding:0;} /* -- In Focus Article -- */ #infocus-single-headline{padding: 2px 0; margin: 0; font-weight: bold;} .infocus-single .newscontent {background: #ffddd8; padding:10px; margin-bottom:18px;} /*.infocus-single h1, .infocus-single time{padding: 0 10px;display: block;} .infocus-single time{font-family: 'PT Sans'; padding-top: 8px;margin:0;} .infocus-single figure{float:left;margin-right: 20px;} .infocus-single figcaption{display:none;} #single-page-article.infocus-single p{width:inherit;padding:0 20px;} .infocus-single aside{padding: 0 10px 10px 10px;}*/ /* -- Teaser -- */ #teaser, #subteaser{width:996px;height:600px;margin:0 auto 30px auto;} #teaser article{background: #fff;} #teaser h2 a, #teaser h2 a:visited{ /*3sTEST font-weight:bold;font-size:24px; line-height:24px;color:#3e3d40; */ color:#3e3d40; font-weight: bold; font-size: 25px; line-height: 22px; margin-top: 0; word-spacing: -1.5px; } #teaser h1 a, #teaser h1 a:visited{font-size:48px; line-height:56px;color:#ff563f;} #teaser h1, #teaser h2{text-align:center;margin: 0;} #teaser h1{margin-bottom:18px;} #teaser figcaption, #teaser figcaption a, #teaser figcaption a:visited{font-size:12px;color:#58575a} #teaser figcaption, .articlepreview.news figcaption, #single-page-article figcaption{padding:7px 0;} #teaser figure a, #teaser img{display:block;} #teaser-images figure{display:block;float:left;margin-left:24px;} #teaser-images figure:first-child{margin-left:0;} #teaser p{color:#58575a; font-size:20px; line-height:26px; margin-bottom:22px;clear: left;} .teaser-morelink a, .teaser-morelink a:visited{color:#58575a; font-style:italic; border-bottom:2px solid #b8b8b8; font-size:18px; line-height:18px; display:inline-block; margin-left: 15px;} .teaser-morelink a:hover, .teaser-morelink a:active{text-decoration:none;border-bottom-color:transparent;} #pin-campaign{text-align:center; margin-bottom:12px;} #pin-campaign img, #pin-campaign a{display:inline-block;} /* -- Sub Teaser -- */ #subteaser{height: auto;} #subteaser .c50l{width:486px;float:left;} #subteaser .c50r{width:486px;float:right;} #subteaser .articlepreview{padding:0;background:transparent;} #subteaser article h1, #subteaser article h2{float:right;width:240px;margin-left:10px;} #subteaser article h2 a{color:#000;} /* -- Mini Buehne -- */ #mini_buehne{background:#f6f6f6;margin-bottom:15px;overflow:hidden; clear:both;} #mini_buehne h1, #mini_buehne h2{width:178px;float:right;} #mini_buehne .articlepreview{margin:0;} #mini_buehne .articlepreview h1 a, #mini_buehne .articlepreview h1 a:visited{font-size: 20px;line-height: 22px;} #mini_buehne .articlepreview h2 a, #mini_buehne .articlepreview h2 a:visited {color: #3e3d40; font-weight: bold; font-size: 16px; line-height: 20px;} #mini_buehne .articlepreview figcaption, #mini_buehne .articlepreview figcaption a, #mini_buehne .articlepreview figcaption a:visited { font-size: 12px; color: #58575a} /* -- Big Buehne -- */ #big_buehne{margin-bottom:15px;} #big_buehne .articlepreview{margin:0;background:transparent;} #big_buehne .articlepreview h1 a, #big_buehne .articlepreview h1 a:visited{ color: #3e3d40;font-style:normal; font-size: 24px; line-height: 28px;} #big_buehne .articlepreview figcaption, #big_buehne .articlepreview figcaption a, #big_buehne .articlepreview figcaption a:visited { font-size: 12px; color: #58575a} /* -- Sidebar -- */ .sidebarelement{margin-bottom:19px;} .sidebarheadlineright{display:block; float:right; width:200px;} #embed article h1 { font-size: 20px; line-height: 24px; color: #ff563f; } #poll h2, .poll-archive h1 a{font-size: 20px; font-weight: bold; color: #3e3d40; margin: -8px 0 14px 0;} #poll h2 a, #poll h2 a:visited{color: #3e3d40;} #poll figure img{display:block;width: 100%; height: inherit;} #pollinner{background:#ffefef url(../img/poll.png) no-repeat 0 bottom;padding-top:6px;} #poll figcaption, .poll-archive figcaption{padding:7px 0;} .poll-archive figure{margin-bottom: 10px;} #poll p, .poll-archive p, .tx_jkpoll_pi1_pollform.singleview p{margin:0;overflow:hidden;clear:both;} #poll label, .tx_jkpoll_pi1_pollform.singleview label{font-weight:bold; font-size:16px; line-height:22px; display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin: 0 15px 7px 5px;} #poll input[type=radio], .tx_jkpoll_pi1_pollform.singleview input[type=radio]{display: none;} #poll label:before, .tx_jkpoll_pi1_pollform.singleview label:before{ content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; left: 0; top: 4px; background: url(../img/poll_radio.png);} #poll input[type="radio"]:checked + label:before, .tx_jkpoll_pi1_pollform.singleview input[type="radio"]:checked + label:before{background: url(../img/poll_radio.png) no-repeat 0 -18px;} #poll input[type="submit"], .tx_jkpoll_pi1_pollform.singleview input[type="submit"]{margin: 10px auto; display: block; border: 1px solid #ff563f; background: #fff; font-size: 16px; line-height: 27px; width: 109px; color: #58575a; font-weight: bold} .tx_jkpoll_pi1_pollform.singleview input[type="submit"]{margin:10px 0;} .tx_jkpoll_pi1_pollform.singleview{margin-bottom:40px;} .tx_jkpoll_pi1_pollform.singleview a.jk_poll_link_to_result, .tx_jkpoll_pi1_pollform.singleview a.jk_poll_link_to_result:visited{color:#58575a;} #poll ul{ padding:5px 0 13px 0; margin-left: 25px; display: block;clear:both;} #poll li{color:#ff563f; line-height: 12px;} #poll li a, #poll li a:visited{color:#58575a;font-size:16px;line-height: 22px;} .tx_jkpoll_pi1_answer_horizontal img{height:14px;display:block;} #poll p.tx_jkpoll_pi1_result_votes, .poll-archive p.tx_jkpoll_pi1_result_votes{margin-bottom: 18px;} #poll li.tx_jkpoll_pi1_answer_horizontal, .poll-archive li.tx_jkpoll_pi1_answer_horizontal{color:#000;padding:0;margin-bottom:11px;} #poll ul.tx_jkpoll_pi1_answers, .poll-archive ul.tx_jkpoll_pi1_answers{list-style:none;margin:0;padding:0;} .tx_jkpoll_pi1_answer_horizontal span{display: block;line-height: 25px;font-size: 14px;} .tx_jkpoll_pi1_pollform{padding:10px 10px 0 0;} .poll-archive{margin-bottom: 70px;} #poll p.tx_jkpoll_pi1_linktoarchiv{margin-top: 10px; text-align: center;} #poll p.tx_jkpoll_pi1_linktoarchiv a, #poll p.tx_jkpoll_pi1_linktoarchiv a:visited{color:#58575a;} .poll-archive figure img{max-width:100%;height: inherit;} .jkcomments{float:right;} .jkcomments a, #jkcomments a:visited{color:#ff563f;} .jksocials{margin-left: 5px;} .jksocials .social-wrapper{height:inherit;} .ifsocials{margin: 5px 0; } .ifsocials .social-wrapper{height:inherit;} #pollsinglesocials{margin:40px 0;} #poll input[type="submit"] { float:left;margin-left:5px;margin-top:0} .tx_jkpoll_pi1_pollform + .jksocials {float:right;margin-top:4px;margin-right:5px;} .jk-share-wa, .jk-share-fb, .jk-share-tw, .jk-share-vk, .jk-share-mail, .jk-share-global {text-indent:-9999px;display:inline-block;position:relative;height:25px;width:25px;} .jk-share-wa:after, .jk-share-fb:after, .jk-share-tw:after, .jk-share-vk:after, .jk-share-mail:after, .jk-share-global:after { content: ''; display: block; position: absolute; width: 25px; height: 25px; background-image: url(../img/fb-button.png); background-repeat: no-repeat; top: 0; left: 0; z-index: 2; } .jk-share-wa:after{background-image:url(../img/whatsapp-button.png);} .jk-share-vk:after{background-image:url(../img/vk-button.png);} .jk-share-tw:after{background-image:url(../img/tw-button.png);} .jk-share-mail:after{background-image:url(../img/mail-button.png); width: 34px;} .jk-share-global{width: 36px;} .jk-share-global:after{background-image:url(../img/share-button.png); margin-left: 9px;} #socials-fokus{padding-top: 10px;} #allpolls ul{margin:0; list-style:none;} #allpolls li{margin-bottom:14px;} #allpolls a, #allpolls a:visited{font-weight:bold; color:#000;} .poll-archive h1 a{display:inline-block} .poll-openclose{padding-top:18px; font-size:12px;} .c33r .tx_jkpoll_pi1_result_horizontal{padding: 0 10px;} #quoteoftheday{margin-bottom: 48px;} #quoteoftheday blockquote{color:#000;font-style:italic;font-size:22px;line-height:30px; text-align:center;position: relative;} #quoteoftheday blockquote p:before,#quoteoftheday blockquote p:after{content: '»'; color:#ff563f; vertical-align: top; display: inline-block; line-height: 26px; font-size: 28px; margin-right: 5px;} #quoteoftheday blockquote p:after {content:'«'; margin:0 0 0 5px} #quoteoftheday em, #quoteoftheday i{width:100%;font-size:18px;line-height:28px;color:#ff563f;font-style:italic;text-transform:uppercase; position: absolute;display:block;} #infocus{background:#ff563f} #infocus .sectiontitle{background: transparent; font-size: 30px; display: block;padding-top: 14px;margin-bottom: 11px;} #infocus article{margin: 0 auto; width:298px; padding:10px; background: #ffddd8;} #infocus article h2{margin:0;} #infocus article h1 a,#infocus article h1 a:visited{display:block; text-align:center; font-size:30px; line-height:34px; color:#ff563f; margin-bottom:8px;} #infocus article h2 a,#infocus article h2 a:visited{display:block; text-align:center; font-size:20px; line-height:24px; color:#3e3d40; font-weight:bold; margin:0;} #infocus figure {margin-bottom:5px;} #infocus figure img{display:block;} #infocus figcaption{font-size:12px; line-height:22px; text-align: center;} #infocus footer{background: #ff563f; margin: 13px -10px -10px -10px; text-align: center;padding: 10px 0;} #infocus footer+footer{display:none} #infocus a.more, #infocus a.more:visited,#infocus .focus-morelink a, #infocus .focus-morelink a:visited{font-size:20px; line-height:24px; font-weight:bold; color:#fff; text-transform:uppercase; display: inline-block} .socials{list-style:none;margin:0;} .socials li{display:inline-block;} .socials a{display:block;width:21px; height:21px;text-indent:-99999px;background:url(../img/sprite_socials.png) no-repeat;} .socials a.soc-facebook{background-position:-24px 0;} .socials a.soc-instagram{background-position:-49px 0;} .socials a.soc-pinterest{background-position:-73px 0;} .social-wrapper { display: inline-block; vertical-align: middle; position: relative; height: 61px; } .social-wrapper.pinterest span { position: absolute !important; bottom: 0; } #mostreadrecommended .sectiontitle{margin-bottom:8px;} #mostreadrecommended button{background:#9f9f9f;color:#fff;border:0;font-size:12px;line-height:23px; padding:0 33px;text-transform:uppercase;font-weight: bold; margin-bottom: 10px;outline:none;} #mostreadrecommended button.active{background:#333;} #mostread, #recommended{display:none;} #mostread.active, #recommended.active{display:block;} #mostreadrecommended figcaption, #interviews figcaption { display: none } #mostreadrecommended figcaption, #interviews figcaption, #mostreadrecommended figcaption a, #interviews figcaption a{color:#58575a;font-size:14px; line-height:18px; font-style:italic} #mostreadrecommended p{clear: right;} #mostreadrecommended figure{width:97px;} #recommendedarticles img{margin-bottom: 20px;} #recommendedarticles time{margin-top: -4px; display: block;} /* Tag-Cloud */ #tagclout ul{margin:0;padding: 0 14px 14px;display: block;text-align: center; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQxY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffd1cb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffd1cb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffd1cb 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffd1cb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffd1cb 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffd1cb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffd1cb',GradientType=0 ); } #tagclout li{display: inline;list-style: none;} #tagclout li a, #tagclout li a:visited{color:#000} /* Categorylist */ #categorylist ul{margin:0;padding:0;display:block;} #categorylist li{display:block;list-style:none;text-align:center;margin-bottom:3px;} #categorylist li a, #categorylist li a:visited{color:#000;background:#e3e4e5;display:block;padding: 1px 0 2px;} #categorylist li a:hover, #categorylist li a:active{background:#ff563f;text-decoration:none;color:#fff;} /* RSS */ #rss ul{margin:0;padding:0;display:block;} #rss li{display:block;list-style:none;margin-bottom:3px;} #rss li a, #categorylist li a:visited{color:#000;position:relative;margin-left:25px;} #rss li a:before{content:url(../img/rss.png);position:absolute;top:0;left:-25px;} /* Werbung */ #wide-sky { position: absolute; top: -120px; left: 1072px; } #side-sky figure, #bigsize figure { margin: 0; } #bigsize { margin: 8px auto 0 auto; width: 1080px; } /* -- Footer -- */ #sub_newslist ul {list-style:none; margin:0;overflow:hidden;} #sub_newslist{background:#f6f6f7;margin-bottom:64px;} #sub_newslist h2{color:#ff563f;font-weight:bold;line-height:28px;} #sub_newslist a, #sub_newslist a:visited{color:#000;line-height:28px;} #sub_newslist li{padding:5px 9px;} #sub_newslist li li{padding:0;} #page-footer{text-align:center;} #page-footer, #page-footer a, #page-footer a:visited{color:#707173;} #page-footer li, #page-footer ul{display:inline; margin:0;} #page-footer li:before{content:' | '; display:inline;} #top-link{display:none;position:fixed;right:10px;bottom:10px;font-size:12px;text-decoration:none;background:#fff;color:#333;padding:10px;-webkit-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 0px 1px 1px #ddd;box-shadow: 0px 0px 1px 1px #ddd;} #gallery figure:nth-child(2n+1){float: left; margin-right: 25px;} .ajaxloadaction{position:absolute;z-index:9999999;top:0;bottom:0;left:0;right:0;background:url(../img/loader.gif) no-repeat center center rgba(255,255,255,0.6);} #bloggerlist{list-style:none;margin:0;} #bloggerlist a, #bloggerlist a:visited{color:#58575a;} #bloggerlist a:hover, #bloggerlist a:active{color:#ff563f;} /* slick slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-loading .slick-list { background: #fff url('../js/ajax-loader.gif') center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background:url(../img/teaser.png); } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; opacity:0.7; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-next { right: -25px; background-position:20px 0; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom:0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 8px; content: ''; text-align: center; opacity: .25; background-color: #ff563f; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../templates/img/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../../templates/img/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../../templates/img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../../templates/img/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../templates/img/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../../templates/img/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* Werbebanner */ #donation-banner{position:absolute;z-index:3;width:100%;top:-2000px;height:200px;background:#eef0fc url(../../templates/img/banner-freie-welt-bg.jpg) repeat-y 0 0;} #donation-type input{vertical-align:middle;margin:5px 5px 0 0;} #db-wrapper{width: 1064px;margin:0 auto 0 auto;} #db-wrapper,#db-c50l,#db-c25l,#db-c25r{height:100%;} #db-c50l,#db-c25l{background-color:#deb50d;float:left;} #db-c50l{width:532px;} #db-c25l{width:266px;background:#deb50d url(../../templates/img/banner-freie-welt-logo-without-person.png) no-repeat center center;} #db-c25r{float:right;width:246px;} #db-headline{padding:5px 20px;font-size: 14px;display: block;color:#e52a40;font-weight: bold;text-transform:uppercase;} #db-c50l ol{overflow:hidden;clear:both;margin-left:9px;} #db-c50l li{width: 150px;margin-left:19px;float: left;color:#e52a40;font-weight: bold;font-size:14px;line-height:18px;} #db-c50l li span{color: #000;} #db-c25l p{font-weight: bold;font-size: 14px;line-height: 18px;color:#000;padding-top:14px;} #db-c25l span{color:#e52a40;} .dt-c25{width:25%;float:left;font-weight:bold;} .dt-c50{width:50%;float:left;} #db-status{position:relative;background:#f4e7bd;width:470px;margin:10px 0 0 30px;height:25px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #db-status span{font-weight:bold;font-size:14px;line-height:18px;color:#e52a40;position:absolute;top:4px;right:10px;z-index:1;} #db-status-bar{position:absolute;z-index:2;top:2px;left:2px;height:21px;background:#ff563f;-webkit-border-radius: 5px;-webkit-border-top-right-radius: 11px;-webkit-border-bottom-right-radius: 11px;-moz-border-radius: 5px;-moz-border-radius-topright: 11px;-moz-border-radius-bottomright: 11px;border-radius: 5px;border-top-right-radius: 11px;border-bottom-right-radius: 11px;} #db-status #db-status-bar span{color:#fff;top:2px;display:none;} #db-spendenkonto{font-size:12px;line-height:18px;color:#000;position:absolute;bottom:3px;left: 50%; width: 700px;margin-left:-500px;} #donation-type{font-size:14px;color:#000;margin-top:22px;} #donation-type input{margin-right:5px;vertical-align: middle;} #donation-type input[type="radio"]{display:none;} #donation-type label:before{vertical-align:middle;margin-right: 3px;content:'';display:inline-block;background:url(../../templates/img/banner-freie-welt-radio.png) no-repeat 0 0;width:15px; height:15px;} #donation-type input[type="radio"]:checked + label:before{background:url(../../templates/img/banner-freie-welt-radio.png) no-repeat 0 -15px;} #donation-amount-input{width:50px;border:1px solid #a9a9a9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #donation-amount-input::-webkit-outer-spin-button, #donation-amount-input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;} #donate-buttons{margin-top:14px;} .donate-button { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e6e6e6)); background:-moz-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background:-webkit-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background:-o-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background:-ms-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background:linear-gradient(to bottom, #ffffff 5%, #e6e6e6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0); background-color:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:2px solid #e3e3e3; display:inline-block; cursor:pointer; color:#000000; font-size:9px; font-weight:bold; padding:6px 12px; text-decoration:none; } .donate-button:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #ffffff)); background:-moz-linear-gradient(top, #e6e6e6 5%, #ffffff 100%); background:-webkit-linear-gradient(top, #e6e6e6 5%, #ffffff 100%); background:-o-linear-gradient(top, #e6e6e6 5%, #ffffff 100%); background:-ms-linear-gradient(top, #e6e6e6 5%, #ffffff 100%); background:linear-gradient(to bottom, #e6e6e6 5%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0); background-color:#e6e6e6; } .donate-button:active { position:relative; top:1px; } #donation-banner hr{float:left;width:100%;margin: 10px 0;} #form-paypal-onetime,#form-paypal-subscription{display:none;} #newsletterform{margin:40px 0;} #newsletterform p{margin-bottom:10px;} #newsletterform label{width:130px;display:inline-block;} .tx-srfeuserregister-pi1 dt { width: 30%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 0 .5em} /* Lastschrift Formular */ .tx-ds-donation-handler { background:url(../img/svs_profil_hochkant.jpg) no-repeat 0 0; background-size: 100% auto; min-height:798px; } .spenden-overlay { display:inline-block; padding: 10px; background:#fff; margin: 100px 0 50px 100px; width:400px; font-size: 14px; line-height: 19px; } .spenden-overlay h1 { font-size: 27px; line-height: 33px; font-weight: bold; margin-bottom: 10px; color: #ff563f } .tx-ds-donation-handler .subcolumns {} .tx-ds-donation-handler .c25l {float:left;width: 24%;margin-right: 5%; padding-bottom:10px;} .tx-ds-donation-handler .c75r {float:left;width:71%; padding-bottom:10px;} .tx-ds-donation-handler .c75l {float:left;width:71%; padding-bottom:10px;} .tx-ds-donation-handler .c25r {float:right;width:24%; padding-bottom:10px;} .tx-ds-donation-handler .c50l {} .tx-ds-donation-handler .c50r {} .tx-ds-donation-handler label { display:block;font-weight: bold; margin-top: 10px; text-align: left; margin-bottom: 4px;} .tx-ds-donation-handler label.error {color:#e72142;} .tx-ds-donation-handler select {width: 99%; background-color: #faf8f4; color: #282828; outline: 0 none; border: 0 solid!important; border-radius: 3px; -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); width: auto; /* font-family: lota-regular; */ -webkit-transition: background .25s ease; -moz-transition: background .25s ease; -o-transition: background .25s ease; -ms-transition: background .25s ease; transition: background .25s ease; padding: 7px 5%; font-size: 18px; display: block;} .tx-ds-donation-handler input[type=radio], input[type="checkbox"] {position: absolute; z-index: -10;vertical-align:middle;} .tx-ds-donation-handler input[type=radio] + label, .tx-ds-donation-handler input[type="checkbox"] + label, input[type=radio] + label.error + label, input[type="checkbox"] + label.error + label { display:inline-block;margin-right: 15px; margin-left: 5px;} .tx-ds-donation-handler input[type=radio] + label.error, .tx-ds-donation-handler input[type="checkbox"] + label.error {position: absolute;top: 22px;left: 20px;} .tx-ds-donation-handler .checkbox-wrapper { position: relative; } .tx-ds-donation-handler input[type=radio] + label { text-align:center; display: inline-block; margin-right: 15px; margin-left: 5px; font-size: 27px; line-height: 33px; font-weight: bold; margin-bottom: 10px; color: #ff563f; border-radius: 5px; background: #333; color: #fff; width: 200px; margin: 5px 3px; padding: 3px 0; } .tx-ds-donation-handler .anrede-wrapper input[type=radio] + label { width: 97px; text-align: center; } .tx-ds-donation-handler input[type=radio]:checked+label { background: #ff563f; } .tx-ds-donation-handler #step2 input[type=radio] + label { width:auto; padding: 3px 10px; } .tx-ds-donation-handler .c25l input[type="text"], .tx-ds-donation-handler .c75r input[type="text"], .tx-ds-donation-handler .c25r input[type="text"], .tx-ds-donation-handler .c75l input[type="text"], .tx-ds-donation-handler .c50r input[type="text"], .tx-ds-donation-handler .c50l input[type="text"], .tx-ds-donation-handler input#mail, .tx-ds-donation-handler input#bank { background-color: #faf8f4; color: #282828; outline: 0 none; border: 0 solid!important; border-radius: 3px; -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); width: auto; /* font-family: lota-regular; */ -webkit-transition: background .25s ease; -moz-transition: background .25s ease; -o-transition: background .25s ease; -ms-transition: background .25s ease; transition: background .25s ease; padding: 7px 5%; font-size: 18px; display: block; width: 90%; } .tx-ds-donation-handler #geb1, .tx-ds-donation-handler #geb2, .tx-ds-donation-handler #geb3 { display: inline-block; width: 40px; margin-right: 10px; background-color: #faf8f4; color: #282828; outline: 0 none; border: 0 solid!important; border-radius: 3px; -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); /* width: auto; */ /* font-family: lota-regular; */ -webkit-transition: background .25s ease; -moz-transition: background .25s ease; -o-transition: background .25s ease; -ms-transition: background .25s ease; transition: background .25s ease; padding: 7px 5%; font-size: 18px;} .tx-ds-donation-handler #spendenformular h1 { margin: 0 0 15px 0; font-size:35px; line-height:40px; } #spendenformular { text-align:center; } .tx-ds-donation-handler #spendenformular p { margin:25px 0 5px 0;} .tx-ds-donation-handler #spendenformular a.button, .tx-ds-donation-handler #spendenformular button { float:right; text-decoration:none; margin: 10px 0 0; padding: 10px 0; border: none; width: 170px; color: #fff; text-transform: uppercase; font-weight: bold; background: #ff563f; text-align:center; font-size:18px; font-family: 'Fira Sans Condensed', sans-serif, sans-serif !important; } .tx-ds-donation-handler #spendenformular a.rev { float:left; margin: 20px 0; padding: 10px 0; border: none; } .tx-ds-donation-handler #step1, .tx-ds-donation-handler #step2, .tx-ds-donation-handler #step3, .tx-ds-donation-handler #step4 { overflow:hidden; } .tx-ds-donation-handler ul.spenden { list-style-type: none; overflow: hidden; margin-left: 0; margin-bottom:20px; margin-top:15px; text-align:center; } .tx-ds-donation-handler ul.spenden li { display:inline; } .tx-ds-donation-handler ul.spenden li:before { } .tx-ds-donation-handler ul.spenden li:after { } .tx-ds-donation-handler ul.spenden li.step3 { } .tx-ds-donation-handler ul.spenden li:last-child a:after { display:none; } .tx-ds-donation-handler ul.spenden li.active a { background:#ff563f; } .tx-ds-donation-handler ul.spenden li.active:before { border-color: #000; border-left-color: #fff; } .tx-ds-donation-handler ul.spenden li.active:after { border-color: #fff; border-left-color: #000; } .tx-ds-donation-handler ul.spenden li a:hover { cursor: default; text-decoration: none; } .tx-ds-donation-handler ul.spenden li a { color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; display: inline-block; background: #333; text-align: center; font-weight: bold; margin-right: 40px; position: relative; margin-left: 0; } .tx-ds-donation-handler ul.spenden li:last-child a { margin-right: 0; } .tx-ds-donation-handler ul.spenden li a:after { position: absolute; width: 40px; background: #333; height: 1px; top: 15px; content: ' '; left: 30px; } #donation-amount-entered { box-shadow: 0 4px 4px 0 rgba(0,0,0,.08); border: 1px solid lightgray; font-size: 32px; width: 279px !important; line-height: 32px; font-size: 20px; padding: 4px 10px; margin-top: 8px; } /*.tx-ds-donation-handler ul.spenden li.active a, .tx-ds-donation-handler ul.spenden li.verfügbar a { color:#fff; } .tx-ds-donation-handler ul.spenden li.active a:hover, .tx-ds-donation-handler ul.spenden li.verfügbar a:hover { cursor: pointer; color:#fff; text-decoration:underline; }*/ .tx-ds-donation-handler dl { overflow:hidden;} .tx-ds-donation-handler dt {clear:both;float:left;width: 24%;margin-right: 5%; padding-bottom:10px;text-align:right;font-weight:bold;} .tx-ds-donation-handler dt:after{content:':';} .tx-ds-donation-handler dd {float:left;width:71%; padding-bottom:10px;} .tx-ds-donation-handler input#nl { z-index: 1; margin: 10px -2px 10px 0; width: auto; height: auto; position: relative; width: 30px; height: 30px; } input.error{ background: lightcoral !important} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 43%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /* Lastschrift Formular ENDE */ #rss-feeds a {background: #ff563f; width: 45%; min-height: 30px; color: white; display: block;text-align: left; line-height: 30px; margin: 7px auto; text-transform: uppercase} #rss-feeds a i {padding: 3px;} /* burger fürs Menü */ #menutoggle{z-index:2;margin: 0 auto;display: inline-block;font-family:'Open Sans',sans-serif;font-size:20px;background:transparent;border:0;outline:0;padding:0;/* margin:50px 5.729% 0 0; */line-height: 30px;height: 30px;/* padding-left:49px; */position:relative;} #mt-icon{height: 30px;width: 30px;display:block;position: relative;/* left:0; *//* top:0; *//* background:#b1c903; *//* -webkit-box-shadow:inset 0 3px 0 0 #9fb503; *//* box-shadow:inset 0 3px 0 0 #9fb503; */} .mt-line{width:22px;height:4px;display:block;background:#fff;/* -webkit-border-radius:2px; *//* border-radius:2px; */position:absolute;left:50%;margin-left:-11px;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;} #mt-text { display:none;} .mt-line:nth-child(1){top: 5px;} .mt-line:nth-child(2){top: 13px;} .mt-line:nth-child(3){top: 21px;} #menutoggle.open .mt-line:nth-child(1){top: 15px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} #menutoggle.open .mt-line:nth-child(2){display:none;} #menutoggle.open .mt-line:nth-child(3){top: 15px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} #navigation li.nav-item-9 { width: 102px; margin: 0; position: absolute; left: 0; top: 33px; } #navigation li.nav-item-389 { width: 102px; margin: 0; position: absolute; left: 106px; top: 33px; } #navigation li.nav-item-388 { width: 102px; margin: 0; position: absolute; left: 212px; top: 33px; } #navigation li.nav-item-6 { width: 102px; margin: 0; position: absolute; left: 318px; top: 33px; } #navigation li.nav-item-7 { width: 102px; margin: 0; position: absolute; left: 424px; top: 33px; } #navigation li.nav-item-8 { width: 102px; margin: 0; position: absolute; left: 530px; top: 33px; } #navigation li.nav-item-394 { width: 102px; margin: 0; position: absolute; left: 636px; top: 33px; } li.nav-item-burger{ margin-right: 0px !important; width: 110px !important; } #navigation ul { position: relative; } #navigation.open ul { min-height: 63px; } /* ZK Feedback form */ /* article form{width: 630px!important; display: block} label strong{display: inline-block} .letter_form_name{margin-top: 30px; vertical-align: middle; display: inline-block} */ #zk_form_order .error{display: block; color: red; float: none; position: relative!important; top:0!important; left: 0!important; margin-top: 0px} #zk_form_order label{display: inline-block; width: 220px; font-weight: normal; margin-top: 30px} #zk_form_order textarea, #zk_form_order input[type="text"], #zk_form_order input[type="email"], #zk_form_order select{display: inline-block;background: #fff;border: 1px solid #ddd;border-radius: 3px;height: 40px;font-size: 16px;outline: 0;width: 370px;margin-top: 20px} #zk_form_order textarea{height: 100px; width: 401px} #zk_form_order input[type="checkbox"]{width: 25px;} #zk_form_order select{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 409px; padding: 0 5px} #zk_form_order input{padding: 0 18px} #zk_form_order input[type="radio"]{vertical-align: middle; display: inline-block; margin-top: 33px; width: 17px } .label-letter-form{margin-top: 10px;} #zk_form_order .button{ background: #333; border: 1px solid #333; border-radius: 0 3px 3px 0; color: #fff; display: block; text-transform: uppercase; letter-spacing: 1px; height: 52px; outline: 0; padding: 16px 18px; cursor: pointer; font-size: 15px; margin: 15px 0px } #zk_form_order .button:hover {background-color: #3e8e41; border: none} #zk_form_order .button:active {background-color: burlywood} #private_policy-error{display: block !important} #zk_form_order input[type="checkbox"]{ position: relative !important; z-index: 0 !important; } #single-page-article #newsletter {margin:0;padding-top:15px;border-top:1px dotted;width:500px;font-size:16px;margin-bottom:-6px!important;font-size:14px} #single-page-article #newsletter a {background:#ff563f;width:28%;min-height:30px;color:#fff!important;display:block;text-align:left;line-height:30px;text-transform:uppercase;float:right;margin-right:41px;font-size:16px} #single-page-article #newsletter a i {padding:5px 10px} #social-media-icons a{ width: 50px; margin: 0 auto; display: inline-block; text-align: center; background: #ff563f; min-height: 30px; color: white; font-size: 16px; line-height: 30px; text-transform: uppercase; } #cookie-settings{margin-bottom:1em;} #cmmodal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:999999999} #cmmodalinner{position: absolute; top: 50%; left: 50%; background: #fff; padding: 20px 100px; border-radius: 15px; display: flex; transform: translateX(-250px); width: 500px; }} #cmmodal ul{padding:0 60px;list-style:none} #cmmodal ul a{text-decoration:none;display:block;width:160px;color:#000;border:1px solid #000;border-radius:5px;height:40px;line-height:40px;text-align:center;outline:0} #cmmodal #cmbutton-accept{border-color:#ddd;background:#ddd;margin-bottom:10px} #cmmodal p{text-align:right;margin:0} #cookie-settings > p{margin-bottom:24px} .cmsetting{display:flex;justify-content:space-between;margin-bottom:18px} .cmsetting:last-child{margin-bottom:0} .cmcontrols{display:flex;width:138px;justify-content:space-between} .cmcontrols button{width:67px!important;height:34px!important;line-height:34px!important;font-size:14px!important;font-weight:bold;padding:0!important;outline:0!important;background:transparent!important;border:1px solid #9c9c9c!important;cursor:pointer;margin:0!important;color:#666!important} .cmcontrols button[disabled="disabled"]{background:#ccc!important;border-color:#ccc!important} .cmcontrols button:first-child{border-radius:5px 0 0 5px} .cmcontrols button:last-child{border-radius:0 5px 5px 0} .cmcontrols button.active:first-child{background:#6c0!important;border-color:#6c0!important;color:#000!important} .cmcontrols button.active:last-child{background:#f30!important;border-color:#f30!important;color:#fff!important} .cmdescrition{width:calc(100% - 160px)} .cmdescrition a{background:transparent!important;padding:0!important;} .cmdescrition h2,.cmdescrition h3,.cmdescrition h4{margin-top:7px!important} .cm-placeholder{width:100%;box-sizing:border-box;padding:130px 20%;border:1px solid #ddd;background:#eee;display:block;text-decoration:none!important;outline:0;border:1px solid #bbb;background:#ddd;} @media screen and (max-width: 767px){ #cmmodalinner{transform: none;left:0px; right:0;top:10px;width: auto;} .cmsetting{margin-bottom:60px;flex-flow:column} .cmdescrition{width:100%;order:1} .cmcontrols{order:2} #cmmodalinner{padding:20px;display:block;} #cmmodal p{text-align:left;} #cmmodal ul{padding:0;display:flex;margin:20px 0 0;justify-content:space-between;list-style-type: none;} #cmmodal ul a{width:100%} #cmmodal ul li{width:calc(50% - 10px)} }