/* ######### reset css ######### */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-style: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: helvetica, arial, sans-serif !important;;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type="image"]:focus {
outline: none;
}
em {
font-style: italic;
}
/* ######### end: reset css ######### */
/* ######### sidepanel login, account etc ######### */
[data-sidebar] {
display: none;
position: fixed;
height: 100%;
z-index: 100;
top:0;
}
[data-sidebar-overlay] {
display: none;
position: fixed;
top: 0;
left: 0;
opacity: 0;
width: 100%;
min-height: inherit;
}
aside {
background-color: #272727;
opacity:0.9;
-webkit-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
overflow: auto;
}
aside a { color:#00C5CC; text-decoration:none;}
.overlay { background-color: #FFF; height:100%; z-index:99;}
.sidebarcontent{
font-family: "Pontano Sans",arial,sans-serif;
font-size:0.9em;
padding: 20px 30px 0 40px;
width:300px;
}
.sbinfopart{
margin-bottom:40px;
}
.sbhidebut{
text-align:right;
margin-bottom:20px;
font-size:1.6em;
}
input.sbloginbut{
font-family:"Pontano Sans",arial,sans-serif !important;
font-size:1.0em !important;
padding:0 !important;
color:#FFF !important;
border:0 !important;
background-color:#00C5CC !important;
text-transform:uppercase;
font-weight:normal !important;
}
input.sbloginbut:hover{color:#272727 !important;}
.sidebarcontent p{
color:#FFF;
font-size:0.9em;
line-height:1.4em;
margin-bottom:0.7em;
margin-top:0.7em;
text-transform:uppercase;
}
.sidebarcontent .sbHead{
font-family:"Oswald",sans-serif;
font-weight:300;
color:#00C5CC;
font-size:1.5em;
text-transform:uppercase;
}
.sidebarcontent .sbHead a:hover, .sidebarcontent .sbHead:hover{color:#FFF;}
.sidebarcontent .sbHead.colalert{color:#F00; background-color:#FFF; padding:0 2px;}
.sidebarcontent p a{color:#FFF;}
.sidebarcontent p a:hover{color:#00C5CC;}
.sidebartoggle{
font-size:0.8em;
background-color: #000;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
box-shadow: 5px 1px 2px 0 rgba(0,0,0,0.4);
opacity: 0.6;
position: fixed;
left: 0;
top:20%;
padding: 5px;
transition: all 0.3s ease 0s;
z-index: 1000;
height:220px;
width:20px;
}
.sbtogBut{
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari */
transform-origin: left top 0;
-ms-transform-origin: left top 0; /* IE 9 */
-webkit-transform-origin: left top 0; /* Safari */
float: left;
margin:20px 0 15px 17px;
font-family:Arial, sans-serif;
text-transform:uppercase;
letter-spacing:0.1em;
font-size:1.2em;
white-space:nowrap;
font-weight: normal;
}
.sbtogBut a{color:#FFF; text-decoration:none;}
/*sidebar formular*/
.sbform input{
font-size:1em;
padding:10px;
margin: 10px 0 5px 0;
border:1px solid #FFF;
}
/* ######### end: sidepanel login, account etc ######### */
/* ######### to top button ######### */
#toTop {
bottom: 10px;
cursor: pointer;
position: fixed;
right: 10px;
text-align: center;
width: 50px;
}
/* ######### end: to top button ######### */
/* ######### globals ######### */
a:hover{transition: all 0.15s ease-in-out 0s;}
img a, img a:hover, img a:active, img a:focus, a{text-decoration: none; border:0; transition:none; outline: none;}
a:hover, a:focus, a.active, button:hover, button:focus, button:active{outline: none;}
.fltLft{float:left;}
.fltRgt{float: right;}
.clrLft{clear: left; line-height: 0; font-size: 0;}
.clrRgt{clear: right; line-height: 0; font-size: 0;}
.clrBth{clear: both; line-height: 0; font-size: 0;}
.mrgBot12px{margin-bottom: 9px;}
.mrgBotsml{margin-bottom: 0.4%;}
.mrgBotmid{margin-bottom: 1.4%;}
.mrgBot05em{margin-bottom: 0.5em;}
.mrgBot1em{margin-bottom: 1em;}
.mrgBot2em{margin-bottom: 2em;}
.mrgBot3em{margin-bottom: 3em;}
.mrgBot5em{margin-bottom: 5em;}
.mrgTop04em{margin-top: 0.4em;}
.mrgTop05em{margin-top: 0.5em;}
.mrgTop1em{margin-top: 1em;}
.mrgTop2em{margin-top: 2em;}
.mrgTop3em{margin-top: 3em;}
.mrgLft1em{margin-left: 1em;}
.mrgLft2em{margin-left: 2em;}
.mrgLft3em{margin-left: 3em;}
.mrgRgt09p{margin-right: 0.9%;}
.mrgRgt05em{margin-right: 0.5em;}
.mrgRgt1em{margin-right: 1em;}
.mrgRgt2em{margin-right: 2em;}
.mrgRgt3em{margin-right: 3em;}
.pdgTop1em{padding-top: 1em;}
.pdgBot05em{padding-bottom: 0.5em;}
.pdgBot2em{padding-bottom: 2em;}
.pdgRgt1pc{padding-right: 1%;}
.pdgRgt1_5pc{padding-right: 1.5%;}
.pdgRgt3pc{padding-right: 3%;}
.pdgLft1_5pc{padding-left: 1.5%;}
.pdgLft1em{padding-left: 1em;}
.goseeBlue, a.goseeBlue{color:#00C5CC;}
.biggerFont{font-size:1.2em;}
.biggerFont a{color:#B39500;}
.biggerFont a:hover{color:#272727;}
.versalien{text-transform: uppercase;}
.centered{text-align: center;}
.textRight{text-align: right;}
.greyLgt, .greyLgt a{color:#CCC}
.greyMid, .greyMid a{color:#AAA}
.greyDrk, .greyDrk a{color:#272727}
.dottedBottomLine{border-bottom:1px dotted #E3E3E3;}
.wsnwrp{white-space: nowrap;}
ul.cifr{list-style-type: decimal; margin-left: 1.2em;}
ul.cifr li{padding-left: 0.5em; }
ul.bullList{list-style-type: disc; margin-left: 1.2em;}
ul.bullList li{padding-left: 0.5em; }
ul.bullList li a{padding-left: 0.5em;}
ul.borderbotList{
list-style-type: none;
margin: 40px 30px 60px;
}
ul.borderbotList li:first-child {
border-top: 1px dotted #ccc;
}
ul.borderbotList li {
border-bottom: 1px dotted #ccc;
padding: 20px;
}
.dispTable{display: table; width: 100%;}
.dispTableRow{display: table-row;}
.dispTableCell{display: table-cell;}
/*CREDIT TABLE*/
table.credtable{
text-align: left;
/*font-family: 'Scope One', serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
font-size:16px;
line-height: 22px;
}
table.credtable td{
vertical-align: top;
padding:5px 0;
}
table.credtable td.crednme, table.credtable td.crednon{
font-family: "Oswald", sans-serif;
letter-spacing: 0.1em;
padding-right: 25px;
text-transform: uppercase;
font-weight: 200;
text-align: right;
}
table.credtable td.crednon{
padding: 25px;
text-align: center;
}
/* ######### end: globals ######### */
body {
background-color: #fff;
border-bottom: 0px solid #e5e5e5;
border-top: 4px solid #00c5cc;
font-family: helvetica, arial, sans-serif;
}
.headerFront{
width:100%;
/*font-family: 'Oswald', sans-serif;*/
font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
display: flex;
align-items: center;
}
.headerFront h2{
/*font-family: 'copperplate_gothic_boldRg';*/
font-family: "Nunito Sans", sans-serif;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
color:#B6B6B6;
}
.logoFront{
margin-right: 90px;
}
.logoFront img{
/*max-width:559px;*/
/*max-width: 400px;*/
max-width: 210px;
width:100%;
height:auto;
}
.menueMetaFrontWrp{
width:100%;
color:#CBCBCB;
text-align: right;
padding-top: 0.5em;
margin-bottom: 10px;
}
.menuMetaFront ul li, .menuMainFront ul li{
display: inline;
list-style-type: none;
}
.menuMetaFront{
text-transform: uppercase;
/*font-size:0.7em;*/
font-size: 9px;
}
.menuMetaFront li a{
color: #272727;
padding-left:0.5em;
font-weight: 400;
}
.menuMetaFront li a:hover{
color:#00C5CC;
}
.menuMetaFront li:first-child a{padding-left:0;}
.menuMetaFront li a.goseeBlue{color:#00C5CC;}
.menuMetaFront li a.goseeRed{color:#EC4638;}
.menuMetaFront li a.goseeBlue:hover, .menuMetaFront li a.goseeBlue:active, .menuMetaFront li a.goseeBlue:focus,
.menuMetaFront li a.goseeRed:hover, .menuMetaFront li a.goseeRed:active, .menuMetaFront li a.goseeRed:focus{color:#272727;}
.menuMetaFront li a.menuMetaBold{font-weight: 600;}
.menuMetaFront li a.menuMetaGrey{color: #CCC;}
.menuMetaFront li.nospaceLeft a{padding-left: 0;}
.menuMetaFront li.spaceRight{padding-right: 111px;}
.menuMetaFront li a.rafontsize{font-size: 11px;}
.selectLanguageBox{
font-weight: 300;
line-height: 1.4em;
background-color: #00C5CC;
margin-top: 5px;
padding:7px 10px;
position: absolute;
right: 1.5%;
z-index: 91; /*transparent navi on scroll = 90*/
border-radius: 5px;
-webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
-moz-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
}
.selectLanguageBox, .selectLanguageBox ul, .selectLanguageBox ul li{width:100px; text-align: left;}
.selectLanguageBox ul li a{color:#FFF;}
.selectLanguageBox ul li a:hover{color:#272727;}
.selectAccountBox{
font-size: 1.2em !important;
font-weight: 200;
line-height: 1.2em !important;
background-color: #0FF;
margin-top: 5px;
position: absolute;
border-radius: 5px;
-webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
-moz-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
border:1px solid #FFF;
opacity: 0.93;
z-index: 91;/*over navi-searchfield*/
}
.selectAccountBox{
width:140px;
text-align: left;
}
.selectAccountBox ul{list-style-type: none;}
.selectAccountBox ul li{
display:block;
border-bottom: 1px solid #FFF;
padding:7px 10px;
}
.selectAccountBox ul li:last-child{border-bottom: none;}
.selectAccountBox ul li:hover{background-color: #272727 !important;}
.selectAccountBox ul li a{color:#FFF; padding: 0;}
.selectAccountBox ul li a:hover{color:#FFF;}
.selectAccountBox ul li.accNsd a:hover, .selectAccountBox ul li.accNsd:hover{background:#272727;}
.selectAccountBox ul li.accStr{background-color: #FFFFFF;}
.selectAccountBox ul li.accMac{background-color: #00C5CC;}
.selectAccountBox ul li.accUpl{background-color: #A0CCCD;}
.selectAccountBox ul li.accNsd{
/*background-color: #54B9FB;*/
background: rgba(176,156,95,1);
background: -moz-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
background: -webkit-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
background: -o-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
background: -ms-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
background: linear-gradient(to right, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b09c5f', endColorstr='#b09c5f', GradientType=1 );
}
.selectAccountBox ul li.accBsc{background-color: #369496;}
.selectAccountBox ul li.accShp{background-color: #e7a0ae;}
.selectAccountBox ul li.accBlg{background-color: #6699CC;}
.selectAccountBox ul li.accPrt{background-color: #7289BD;}
.selectAccountBox ul li.accPin{background-color: #7980B4;}
.selectAccountBox ul li.accFrd{background-color: #B39500;}
.selectAccountBox ul li.accNml{background-color: #CF7471;}
.selectAccountBox ul li.accStr a{color:#00C5CC;}
.selectAccountBox ul li.accStr a:hover{color:#FFF;}
.menuMainFront{
width:95%;
font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-top: 0.5em;
margin-bottom: 0.8em;
/*padding:7px 0 3px 0;*/
padding: 5px 0;
border:1px solid #DDD;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #f9f7f8;
}
.menuMainItems{
width:70%;
/*margin-top:5px;*/
margin-top:5px;
font-size:1em;
}
.menuMainItems li a{
color:#B4B4B4;
padding-right:0.9em;
}
/*.menuMainItems li:first-child a{
color:#272727;
}*/
.menuMainItems li a:hover, .menuMainItems li a.akt,
.menuMainItems li:hover .smallNaviFont, .menuMainItems li:active .smallNaviFont, .menuMainItems li:focus .smallNaviFont,
.menuMainItems li:hover .smallNaviFontDate, .menuMainItems li:active .smallNaviFontDate, .menuMainItems li:focus .smallNaviFontDate {
color:#272727;
}
.menuMainItems li:first-child a{padding-left:0.5em;}
.menuMainItems li:last-child a{padding-right:0;}
.menuMainItems .smallNaviFont{
font-size: 70%;
color: #73B5E6;
font-weight: 600;
vertical-align: text-top;
}
.menuMainItems .smallNaviFontDate{
font-size: 70%;
color: #b4b4b4;
font-weight: 600;
vertical-align: text-top;
}
.menuMainSearchWrp{
width:25%;
margin-right:5px;
}
.menuMainSearch{
background-color: #E9F3F4;
}
.menuMainSearch input{
border:0;
background-color: #E9F3F4;
color: #00C5CC;
font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
font-size:1em;
}
.menuMainSearch input.suchfeld{
float:left;
width:80%;
padding-left:10px;
text-overflow: ellipsis;
margin-top: 3px;
}
.menuMainSearch input.find{
float: right;
width:29px;
padding: 2px 2px 0 0;
}
.wrapper {
background-color: #ffffff;
margin: 0 auto;
max-width: 1310px;
padding: 5px 0 0 0;
}
/* ######### submenues ######### */
.menuSubFront{
margin:1.7em 0 3em 0;
}
.flexmenu{
display: flex;
justify-content: space-around;
}
/* ######### ARTICLE TEMPLATES ######### */
.articleWrp{
margin-bottom: 80px;
}
.bigNewsQuote{display: inline;}
.smlNewsQuote{display: none; margin-right: 5px;}
.articleDate{
float: left;
width:10%;
margin-left:-11%;
/*font-family: 'Oswald', sans-serif;*/
font-family: 'Nunito Sans', sans-serif;
/*font-weight: 300;*/
font-weight: 700;
text-align: right;
color:#00c5cc;
/*font-size:1.5em;*/
font-size:1em;
}
.articleContent{
float: left;
width:100%;
line-height:0;
}
.articleDateLine{display: block; text-transform: uppercase; margin-bottom: 0.1em;}
/*category colors for article date-cat-link*/
.articleDate a{color:#00C5CC;}
.articleDate.catNr0 a{color:#D4D6CB;}/*photo*/
.articleDate.catNr1 a{color:#CACCB6;}/*agencies , reps*/
.articleDate.catNr2 a{color:#80C08E;}/*model*/
.articleDate.catNr3 a{color:#BEC6D3;}/*art*/
.articleDate.catNr4 a{color:#C8B5BB;}/*production*/
.articleDate.catNr5 a{color:#D7CDD8;}/*event*/
.articleDate.catNr6 a{color:#D7CDD8;}/*advertising*/
.articleDate.catNr7 a{color:#87CC96;}/*film*/
.articleDate.catNr8 a{color:#B48DC6;}/*fashion*/
.articleDate.catNr9 a{color:#D1C8CB;}/*shop*/
.articleDate.catNr10 a{color:#8988B4;}/*celebrity , vip*/
.articleDate.catNr11 a{color:#BFC28D;}/*post*/
.articleDate.catNr12 a{color:#BCD3B7;}/*illustration*/
.articleDate.catNr13 a{color:#CAB6D1;}/*editorial*/
.articleDate a:hover {color: #272727;}
/* ######### TEMPLATE STANDARD - OLD NEWS ######### */
/* ONE PICTURE - TITLE RIGHT - BORDER*/
.templateStd{border:1px solid #A39163;}
.imgStd{
width:37%;
float: left;
}
.templateStd img{
width:100%;
height: auto;
max-width: 490px;
}
.txtStd{
width: 54%;
padding: 2% 3%;
float: left;
overflow: hidden;
}
.txtStd h2 a{
/*font-family: "Oswald",sans-serif;*/
/*font-family: 'Nixie One', cursive;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
/*color:#A39163;*/
color:#272727;
font-size: 2.4em;
font-size:2.4vw;
line-height: 1.6em;
text-transform: uppercase;
}
.txtStd a:hover{color:#A39163;}
@media screen and (min-width: 1331px) {
.txtStd h2 a{
font-size: 2.3em;
}
}
/* ######### BANNER TEMPLATE ######### */
.templateBanner img{
width:100%;
height: auto;
}
@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.templateBanner img:hover{
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/* ######### TEMPLATE 1 ######### */
/* ONE PICTURE - FULL WIDTH - TITLE ON DARK LAYER*/
.template1 img{
width:100%;
height: auto;
max-height: 570px;
}
.template1 .imgCol1Hover {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.template1 .imgCol1Hover .imageCover {
position: absolute;
overflow: hidden;
width: 90%;
height: 80%;
left: 5%;
top: 10%;
border: 1px solid #FFF;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
/*-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);*/
}
.template1 .imgCol1Hover:hover .imageCover {
opacity: 0.8;
filter: alpha(opacity=80);
/*-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);*/
}
.template1 .imgCol1Hover img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
.template1 .imgCol1Hover:hover img {
filter: none;
-webkit-filter: none;
}
.template1 .imgCol1Hover h2 {
font-family: 'Oswald', sans-serif;
font-weight:300;
text-align: center;
position: relative;
font-size: 2.8em; /*fallback for view width font size*/
font-size:4vw;
line-height: 1.4em;
background-color: transparent;
color: #FFF;
padding: 0.5em;
opacity: 1;
filter: alpha(opacity=100);
/*-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);*/
top:50%;
-webkit-transform: perspective(1px) translateY(-52%);
-ms-transform: perspective(1px) translateY(-52%);
transform: perspective(1px) translateY(-52%);
}
.template1 .imgCol1Hover:hover h2{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
text-shadow: 2px 2px 0 #000;
/*-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);*/
}
@media screen and (min-width: 1331px) {
.template1 .imgCol1Hover h2 {
font-size: 3em;
}
}
/* ######### TEMPLATE 2 & TEMPLATE 8 ######### */
/*THREE PICTURES ROW*/
.imgCol3{
width:33%;
height:auto;
margin-right:0.5%;
}
.imgCol3.last{
width:33%;
height:auto;
margin-right:0;
}
.imgCol3 img{
width: 100%;
height:auto;
}
/* ######### TEMPLATE 2 + TEMPLATE 16 ######### */
/* THREE PICTURES - TITLE ON DARK LAYER + FIVE PICTURES - TITLE ON DARK LAYER*/
.imgCol3Hover, .imgCol5Hover {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.imgCol3Hover .imageCover, .imgCol5Hover .imageCover {
position: absolute;
overflow: hidden;
width: 90%;
height: 48%;
left: 5%;
bottom: 10%;
border: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
/*-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);*/
}
.imgCol3Hover:hover .imageCover, .imgCol5Hover:hover .imageCover {
opacity: 0.8;
filter: alpha(opacity=80);
/*-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);*/
}
.imgCol3Hover:hover img, .imgCol5Hover:hover img {
filter: none;
-webkit-filter: none;
}
.imgCol3Hover h2, .imgCol5Hover h2 {
font-family: 'Oswald', sans-serif;
font-weight:300;
text-align: center;
position: relative;
font-size: 2em; /*fallback for view width font size*/
font-size:3vw;
line-height: 1.5em;
color: #000;
background-color: #FFF;
padding: 0.5em 1em 1em 1em;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 4px #272727;
-moz-box-shadow: 2px 2px 4px #272727;
box-shadow: 2px 2px 4px #272727;
/*opacity: 0.8;*/
opacity: 0.8;
filter: alpha(opacity=80);
/*-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);*/
}
.imgCol3Hover:hover h2, .imgCol5Hover:hover h2{
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
/*-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);*/
}
.imgCol3Hover h2 a, .imgCol5Hover h2 a{color: #000000;}
@media screen and (min-width: 1331px) {
.imgCol3Hover h2, .imgCol5Hover h2 {
font-size: 2.3em;
}
}
/* ######### TEMPLATE 3 ######### */
/* FOUR PICTURES - TITLE BELOW - COLORCHANGE ON HOVER*/
.template3{
background-color: #F9F9F9;
border:1px solid #272727;
color:#FFF;
padding:0.8em 1% 2em 1%;
}
.imgCol4Wrp{
margin-bottom: 2em;
}
.imgCol4{
width:24%;
height:auto;
margin-right:1.3%;
}
.imgCol4.last{
width:24%;
height:auto;
margin-right:0;
}
.imgCol4 img{
width: 100%;
height:auto;
}
.txtCol4Wrp h2{
text-align: center;
padding:0 6em;
}
.txtCol4Wrp h2 a{
color:#272727;
font-family: 'Jura', sans-serif;
font-weight:300;
font-size: 2.5em;
font-size:2.5vw;
line-height: 1.2em;
width: 80%;
}
.txtCol4Wrp h2 a:hover{color:#00C5CC;}
.template3:hover{background-color:#FFF; border:1px solid #00C5CC; transition: all 0.35s ease-in-out 0.15s;}
.template3:hover a{color:#00C5CC; transition: all 0.35s ease-in-out 0.15s;}
.txtCol4Wrp h2 a b{font-weight: 700;}
.txtCol4Wrp p{
display: block;
padding: 15px;
font-family: 'Roboto Slab', serif;
font-weight: 300;
line-height: 1.4rem;
color: #272727;
}
.txtCol4Wrp p b, .txtCol4Wrp p strong{font-weight: 400;}
.txtCol4Wrp p i{font-style: italic;}
.txtCol4Wrp p a{color:#00c5cc; font-weight: 400;}
.txtCol4Wrp p a:hover{color: #272727;}
@media screen and (min-width: 1331px) {
.txtCol4Wrp h2 a{
font-size: 2.5em;
}
}
@media screen and (max-width: 900px){
.txtCol4Wrp h2{padding: 0 15px;}
.txtCol4Wrp h2 a{
font-size: 1.4em !important;
}
}
/* ######### TEMPLATE 4 ######### */
/* THREE PICTURES / ONE SKY TWO SQUARE - TITLE ON LIGHT LAYER- ON HOVER IMAGE SIZE CHANGE*/
.template4{
background-color: #FFF;
transition: 0.35s linear;
}
.template4:hover{
/*background-color: #272727;*/
transition: 0.35s linear;
}
.imgCol2Wrp{
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition: 0.35s linear;
}
.wdth50{width:49.6%;}
.imgCol2 img{
width: 100%;
height:auto;
}
.imgCol2Hover .imageCover {
position: absolute;
overflow: hidden;
width: 70%;
height: 51%;
left: 0;
bottom: 2%;
border: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
}
.imgCol2Hover:hover .imageCover {
opacity: 0.8;
filter: alpha(opacity=80);
/*-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);*/
}
.imgCol2Hover h2 {
font-family: 'Oswald', sans-serif;
font-weight:400;
text-align: left;
position: relative;
font-size: 2em; /*fallback for view width font size*/
font-size:3.2vw;
line-height: 1.4em;
background-color: transparent;
color: #000;
background-color: #FFF;
padding: 0.5em 1em 1em 0.5em;
opacity: 0.8;
filter: alpha(opacity=80);
}
.imgCol2Hover:hover h2{
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.imgCol2Hover h2 a{color: #000000;}
@media screen and (min-width: 1331px) {
.imgCol2Hover h2 {
font-size: 2.8em;
}
}
/* ######### TEMPLATE 5 ######### */
/* HALF WIDTH NEWS - IMG TOP - TEXT BELOW */
.articleWrpHalf{
float: left;
margin-bottom: 80px;
max-width: 635px;
width: 48.4%;
}
.articleWrpHalf.first{
margin-right:2.8%;
}
.articleWrpHalf .articleContent{
border:1px solid #272727;
}
.articleWrpHalf .articleDate {
float: none;
white-space: nowrap;
margin-left: 0;
margin-bottom:0.3em;
text-align: left;
line-height: 1.1em;
width: auto;
}
.articleWrpHalf .articleDate .smlNewsQuote{display: inline;}
.articleWrpHalf .articleDate .bigNewsQuote{display: none;}
.imgHalfNews img{
width:100%;
height:auto;
max-width: 635px;
}
.txtHalfNews{
padding: 3% 3% 2% 3%;
height:230px;
overflow: hidden;
}
.txtHalfNews h2{
/*font-family: 'Nixie One', cursive;*/
font-family: 'Roboto Slab', serif;
text-align: left;
position: relative;
}
.txtHalfNews h2 a{
color:#272727;
font-size: 1.6em; /*fallback for view width font size*/
font-size:2.1vw;
line-height: 1.8em;
font-weight: 100;
}
.txtHalfNews h2 a b, .txtHalfNews h2 a strong{font-weight: 600;}
.articleWrpHalf .articleContent h2 a:hover{color:#00C5CC;}
.articleWrpHalf .articleContent:hover{border:1px solid #00C5CC; transition: all 0.35s ease-in-out 0.15s;}
.articleWrpHalf .articleContent:hover a{color:#00C5CC; transition: all 0.35s ease-in-out 0.15s;}
@media screen and (min-width: 1331px) {
.txtHalfNews h2 a{
font-size: 1.6em;
}
}
@media screen and (max-width: 635px) {
.articleWrpHalf{
float: none;
width:100%;
margin-right: 0;
}
.txtHalfNews h2 a{
font-size: 1.6em;
font-size: 3.5vw;
}
}
/* ######### TEMPLATE 6 ######### */
/* ONE PICTURE LEFT / TITLE RIGHT*/
.template6{
color:#272727;
border:1px solid #DDD;
}
.template6:hover{
background-color: #F9F9F9;
}
.singleImgLeft{
width:47%;
margin-right:2%;
}
.singleImgLeft img{
width:100%;
height:auto;
max-width: 625px;
}
.txtRight{
width:43%;
padding: 2% 1.5%;
max-height:605px;
overflow: hidden;
}
.txtRight h2{
/*font-family: 'Nixie One', cursive;*/
font-family: 'Roboto Slab', serif;
text-align: left;
position: relative;
}
.txtRight h2 a{
color:#272727;
font-size: 2.8em; /*fallback for view width font size*/
font-size:3.5vw;
line-height: 1.4em;
font-weight: 100;
}
@media screen and (min-width: 1331px) {
.txtRight h2 a{
font-size:3.5vw;
font-size: 2.8em;
}
}
@media screen and (max-width: 1260px) {
.txtRight h2 a{
font-size:3.5vw;
font-size: 2.4em;
}
}
@media screen and (max-width: 1200px) {
.txtRight h2 a{
font-size:3.5vw;
font-size: 2.1em;
}
}
@media screen and (max-width: 900px) {
.txtRight h2 a{
font-size:3.5vw;
font-size: 1.9em;
}
}
@media screen and (max-width: 800px) {
.txtRight h2 a{
font-size:3.5vw;
font-size: 1.6em;
}
}
@media screen and (max-width: 635px) {
.txtRight h2 a{
font-size:3.5vw;
font-size: 1.2em;
}
}
/* ######### TEMPLATE 7 ######### */
/* TITLE LEFT / ONE PICTURE RIGHT*/
.template7{
color:#272727;
border:1px solid #CCC;
}
.singleImgRight{
width:43%;
}
.singleImgRight img{
width:100%;
height:auto;
max-width: 625px;
}
.txtLeft{
width:50%;
padding: 2% 3%;
max-height:470px;
overflow: hidden;
}
.txtLeft h2{
/*font-family: 'Nixie One', cursive;*/
font-family: 'Roboto Slab', serif;
text-align: left;
position: relative;
}
.txtLeft h2 a{
color:#272727;
font-size: 2.8em; /*fallback for view width font size*/
font-size:3.5vw;
line-height: 1.4em;
font-weight: 100;
}
.template7 h2 a:hover{color:#FFF;}
.template7:hover{background-color:#272727; border:1px solid #272727; transition: all 0.35s ease-in-out 0.15s;}
.template7:hover a{color:#FFF; transition: all 0.35s ease-in-out 0.15s;}
@media screen and (min-width: 1331px) {
.txtLeft h2 a{
font-size:3.5vw;
font-size: 2.8em;
}
}
@media screen and (max-width: 1260px) {
.txtLeft h2 a{
font-size:3.5vw;
font-size: 2.4em;
}
}
@media screen and (max-width: 1200px) {
.txtLeft h2 a{
font-size:3.5vw;
font-size: 2.1em;
}
}
@media screen and (max-width: 900px) {
.txtLeft h2 a{
font-size:3.5vw;
font-size: 1.9em;
}
}
@media screen and (max-width: 800px) {
.txtLeft h2 a{
font-size:3.5vw;
font-size: 1.6em;
}
}
@media screen and (max-width: 635px) {
.txtLeft h2 a{
font-size:3.5vw;
font-size: 1.2em;
}
}
/* ######### TEMPLATE 8 ######### */
/* THREE PICTURES ON THREE PICTURES - TITLE BELOW*/
.template8 .imgCol3x3Hover img:hover {
transition: all .5s ease-in-out;
transform: scale(1.06);
border-radius: 10px;
-webkit-box-shadow: 2px 2px 4px #272727;
-moz-box-shadow: 2px 2px 4px #272727;
box-shadow: 2px 2px 4px #272727;
}
/* ######### TEMPLATE 9 ######### */
/* TWO PICTURES ON TWO PICTURES - TITLE ON LIGHT LAYER*/
.template9{
background-color: #FFF;
transition: 0.35s linear;
}
.template9:hover{
background-color: #F9F9F9;
transition: 0.35s linear;
}
.template9 .imgCol2{
width:49.3%;
height:auto;
margin-right:1.4%;
}
.template9 .imgCol2.last{
width:49.3%;
height:auto;
margin-right:0;
}
.template9 .imgCol2 img{
width: 100%;
height:auto;
}
.imgCol2x2Hover .imageCover {
position: absolute;
overflow: hidden;
width: 70%;
height: 65%;
left: 0;
bottom: 2%;
border: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
}
.imgCol2x2Hover:hover .imageCover {
opacity: 0.8;
filter: alpha(opacity=80);
/*-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);*/
}
.imgCol2x2Hover h2 {
font-family: 'Oswald', sans-serif;
font-weight:400;
text-align: left;
position: relative;
font-size: 2em; /*fallback for view width font size*/
font-size:3vw;
line-height: 1.37em;
background-color: transparent;
color: #000;
background-color: #FFF;
padding: 0.4em 1em 1em 0.5em;
opacity: 0.8;
filter: alpha(opacity=80);
}
.imgCol2x2Hover:hover h2{
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.imgCol2x2Hover h2 a{color: #000000;}
@media screen and (min-width: 1331px) {
.imgCol2x2Hover h2 {
font-size: 3em;
}
}
@media screen and (max-width: 800px) {
.imgCol2x2Hover h2 {
font-size: 1.8em;
line-height: 1.4em;
top: 0;
transform: none;
border:0;
margin:0;
}
}
/* ######### TEMPLATE 10 ######### */
/* TWO PICTURES LANDSCAPE - TITLE BELOW*/
.template10 .imgCol2{
width:49.8%;
height:auto;
margin-right:0.4%;
overflow: hidden;
}
.template10 .imgCol2.last{
width:49.8%;
height:auto;
margin-right:0;
overflow: hidden;
}
.template10 .imgCol2 img{
width: 100%;
height:auto;
}
.template10 img{
width: 100%;
height: auto;
transition: transform 1s ease;
}
.template10 img:hover{
transform: scale(1.1);
}
/*
.template10 .imgCol2x1Hover {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.template10 .imgCol2x1Hover .imageCover {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
border: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.template10 .imgCol2x1Hover h2 {
font-family: 'Jura', sans-serif;
font-weight:300;
text-align: center;
position: relative;
font-size: 1.8em;
font-size:2.8vw;
line-height: 1.3em;
color: #FFF;
height: 80%;
padding: 7% 1em 0 1em;
background: url("img/bg_40opacity_bk.png") repeat 0 0;
}
.template10 .imgCol2x1Hover h2:hover{
color: #FFF;
text-shadow: 2px 2px 0 #000;
background-color: transparent;
}
.template10 .imgCol2x1Hover h2 a{
color: #FFFFFF;
position: absolute;
bottom: 8%;
left: 2%;
width: 96%;
}
.template10 .imgCol2x1Hover h2 a b, .template10 .imgCol2x1Hover h2 b{font-weight: 700;}
.template10 .imgCol2x1Hover:hover h2{
background: transparent;
}
@media screen and (min-width: 1331px) {
.template10 .imgCol2x1Hover h2 {
font-size: 2.8em;
}
}
@media screen and (max-width: 800px) {
.template10 .imgCol2x1Hover h2 {
font-size: 1.4em;
line-height: 1.2em;
top: 0;
transform: none;
border:0;
margin:0;
}
.template10 .imgCol2x1Hover .imageCover{height: 100%;}
}
@media screen and (max-width: 600px) {
.template10 .imgCol2x1Hover h2{
padding-top: 1em;
font-size: 1.2em;
}
}
*/
/* ######### TEMPLATE 11 ######### */
/* FOUR PICTURES / MAGAZINE LAYOUT - TITLE ON LIGHT LAYER */
/*textlayer wie template 4*/
.template11{
background-color: #FFF;
transition: 0.35s linear;
}
.template11:hover{
background-color: #FFF;
transition: 0.35s linear;
}
.template11 .wdth50{width:49.6%;}
.template11 .wdth49{width:49.4%;}
.template11 .imgCol2 img, .template11 .wdth50 img{
width: 100%;
height:auto;
}
.template11 .fullcover img{max-height: 785px;}
/* ######### TEMPLATE 12 ######### */
/* THREE PICTURES / IN LINE DIFF WIDTHS - TITLE BELOW */
.template12{
background-color: #F9F9F9;
transition: 0.35s linear;
}
.template12:hover{
background-color: #FFF;
transition: 0.35s linear;
}
.template12 .imgColA{width:52.16%;}
.template12 .imgColB{width:19.08%;}
.template12 .imgColC{width:26.9%;}
.template12 .imgColA img, .template12 .imgColB img, .template12 .imgColC img{width:100%;}
/*txtBox100 für Template 8, 12 und 14 - template 15 angepasst*/
.txtBox100{
border:1px solid #272727;
background-color: #F9F9F9;
padding:10px 2% 20px 2%;
margin-top:10px;
text-align: center;
}
.txtBox100 h2 a{
color: #272727;
/*font-family: 'Nixie One', cursive;*/
font-family: 'Roboto Slab', serif;
font-size: 1.8em;
font-size: 2.4vw;
font-weight: 400;
line-height: 1.4em;
}
.txtBox100:hover{border:1px solid #00C5CC; background-color: #FFF; transition: all 0.35s ease-in-out 0.15s;}
.txtBox100 h2:hover{color:#00c5cc; transition: all 0.35s ease-in-out 0.15s;}
.txtBox100 h2 a:hover, .txtBox100:hover a{color:#00c5cc; transition: all 0.35s ease-in-out 0.15s;}
.txtBox100 p{
display: block;
padding: 15px;
font-family: 'Roboto Slab', serif;
font-weight: 300;
line-height: 1.4rem;
color: #272727;
text-align: center;
}
.txtBox100 p b, .txtBox100 p strong{font-weight: 400;}
.txtBox100 p i{font-style: italic;}
.txtBox100 p a{color:#00c5cc; font-weight: 400;}
.txtBox100 p a:hover{color: #272727;}
@media screen and (min-width: 1331px) {
.txtBox100 h2 a, .txtBox15 h2 a{
font-size: 1.8em !important;
}
}
@media screen and (max-width: 900px) {
.txtBox100 h2 a, .txtBox15 h2 a{
font-size: 1.5em !important;
font-size: 2.8vw !important;
}
}
@media screen and (max-width: 600px) {
.txtBox100 h2 a, .txtBox15 h2 a{
font-size: 1.2em !important;
font-size: 3.6vw !important;
}
}
/* ######### TEMPLATE 13 ######### */
/* PANO AND THREE PICTURES IN LINE DIFF WIDTHS - TITLE ON LAYER - new: TITLE BELOW */
/*title wie template 2*/
.template13 .imgCol3{
width:33.333%;
height:auto;
margin:0;
}
.template13 .imgCol3 img{
width: 100%;
height:auto;
}
.imgColWrp img{
width: 100%;
height:auto;
}
.template13 .imgCol3.img1 img, .template13 .imgCol3.img2 img, .template13 .imgCol3.img3 img{
width: 99%;
margin-top: 5px;
}
.imgCol3.img2 img{margin-left: 0.5%;}
.imgCol3.img3 img{float: right;}
/* ######### TEMPLATE 14 ######### */
/* TWO PICTURES / IN LINE / FIRST LANDSCAPE, SECOND PORTRAIT - TITLE BELOW */
/*title wie templates 8 und 12*/
.template14{
background-color: #F9F9F9;
transition: 0.35s linear;
}
.template14:hover{
background-color: #FFF;
transition: 0.35s linear;
}
.template14 .imgColA{width:72.1%}
.template14 .imgColB{width:26.7%;}
.template14 .imgColA img, .template14 .imgColB img{width:100%;}
/* ######### TEMPLATE 15 ######### */
/* TWO PICTURES / IN LINE / FIRST PORTRAIT, SECOND LANDSCAPE - TITLE BELOW */
.template15{
background-color: #F9F9F9;
transition: 0.35s linear;
}
.template15:hover{
background-color: #FFF;
transition: 0.35s linear;
}
.template15 .imgColA{width:26.7%;}
.template15 .imgColB{width:72.1%}
.template15 .imgColA img, .template15 .imgColB img{width:100%;}
.txtBox15{
border:1px solid #CCC;
background-color: #FFF;
padding:10px 2% 20px 2%;
margin-top:10px;
text-align: center;
}
.txtBox15 h2 a{
color: #272727;
font-family: 'Jura', sans-serif;
font-size: 1.7em;
font-size: 2vw;
font-weight: 400;
line-height: 1.4em;
}
.txtBox15:hover{border:1px solid #00C5CC; background-color: #FFF; transition: all 0.35s ease-in-out 0.15s;}
.txtBox15 h2:hover{color:#00c5cc; transition: all 0.35s ease-in-out 0.15s;}
.txtBox15 h2 a:hover, .template15 .txtBox15:hover a{color:#00c5cc; transition: all 0.35s ease-in-out 0.15s;}
/* ######### TEMPLATE 16 ######### */
/*FIVE PICTURES ROW - TEXT HOVER LAYOUT SAME AS TEMPLATE 2*/
.imgCol5{
width:19.5%;
height:auto;
margin-right:0.625%;
}
.imgCol5.last{
width:19.5%;
height:auto;
margin-right:0;
}
.imgCol5 img{
width: 100%;
height:auto;
}
/* ######### TEMPLATE 17 ######### */
/* SPECIAL SHOP TEMPLATE */
.shopCategory{
font-family: 'Abel', sans-serif;
font-size: 1.6em;
line-height: 1.4em;
text-transform: uppercase;
color: #E6A1AE;
}
.shopCategory a{color: #E6A1AE;}
.shopCategory a:hover{color: #272727;}
.template17{font-family: 'Abel', sans-serif;}
.template17 img{
width:100%;
height: auto;
max-height: 570px;
}
.template17 .imgCol1Hover {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.template17 .imgCol1Hover .imageCover {
position: absolute;
overflow: hidden;
width: 80%;
height: 80%;
left: 5%;
top: 10%;
padding: 0 5%;
border: 1px solid #CCCCCC;
box-shadow: 3px 3px 10px #000;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
}
.template17 .imgCol1Hover:hover .imageCover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.template17 .imgCol1Hover img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
.template17 .imgCol1Hover:hover img {
filter: none;
-webkit-filter: none;
}
.template17 .textWrp{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.template17 .imgCol1Hover .date{
font-weight: 300;
color: #FFFFFF;
text-shadow: 1px 0 1px #272727;
text-align: center;
font-size: 1.2em;
line-height: 1.4em;
padding: 0.5em;
}
.template17 .imgCol1Hover .headline {
font-weight:700;
text-align: center;
text-transform: uppercase;
position: relative;
font-size: 2.2em; /*fallback for view width font size*/
font-size:2.5vw;
line-height: 1.2em;
background-color: transparent;
color: #FFF;
text-shadow: 1px 0 1px #272727;
padding: 0.5em;
}
.template17 .imgCol1Hover .subhead{
font-weight: 300;
color: #FFFFFF;
text-shadow: 1px 0 1px #272727;
text-align: center;
font-size: 1.2em;
line-height: 1.4em;
padding: 0.5em;
}
@media screen and (min-width: 1331px) {
.template17 .imgCol1Hover p.headline {
font-size: 2em;
}
}
@media screen and (max-width: 1200px) {
.template17 .imgCol1Hover p.subhead {
line-height: 1.4em;
}
}
@media screen and (max-width: 985px) {
.template17 .imgCol1Hover .imageCover{
top:20%;
height: 70%;
}
.template17 .imgCol1Hover .date{font-size:1em;}
.template17 .imgCol1Hover p.headline {
font-size: 1.2em;
}
.template17 .imgCol1Hover p.subhead {
font-size: 1em;
line-height: 1.2em;
}
}
@media screen and (max-width: 790px) {
.template17 .imgCol1Hover .imageCover {
width: 70%;
left: 15%;
}
.template17 .imgCol1Hover .date{font-size:0.8em;}
.template17 .imgCol1Hover p.subhead {
font-size: 0.8em;
line-height: 1.1em;
}
}
@media screen and (max-width: 530px) {
.template17 .imgCol1Hover p.subhead {
display: none;
}
}
/* ######### TEMPLATE 18 & 19 ######### */
/* TWO PICTURES / IN LINE - GOLDEN CUT - TITLE BELOW */
/* 18 : FIRST PORTRAIT, SECOND LANDSCAPE */
/* 19 : FIRST LANDSCAPE, SECOND PORTRAIT */
.template18, .template19{
background-color: #FFF;
margin-top:10px;
text-align: center;
transition: 0.35s linear;
}
.template18:hover, .template19:hover{
background-color: #FFF;
transition: 0.35s linear;
}
.template18 .imgColA{width:61%;}
.template18 .imgColB{width:38.32%}
.template19 .imgColB{width:61%;}
.template19 .imgColA{width:38.32%}
.template18 .imgColA img, .template18 .imgColB img, .template19 .imgColA img, .template19 .imgColB img{width:100%;}
.template18 .imgColA img:hover, .template18 .imgColB img:hover, .template19 .imgColA img:hover, .template19 .imgColB img:hover{
transition: all .5s ease-in-out;
transform: scale(1.06);
border-radius: 3px;
-webkit-box-shadow: 2px 2px 4px #272727;
-moz-box-shadow: 2px 2px 4px #272727;
box-shadow: 2px 2px 4px #272727;
}
.txtBox18, .txtBox19{
border:1px solid #CCC;
background-color: #FFF;
padding:10px 2% 20px 2%;
margin-top:10px;
text-align: center;
}
.txtBox18 h2 a, .txtBox19 h2 a{
color: #272727;
font-family: 'Jura', sans-serif;
font-size: 1.8em;
font-size: 2.4vw;
font-weight: 400;
line-height: 1.4em;
}
.txtBox18 h2:hover, .txtBox19 h2:hover{color:#00c5cc; transition: all 0.35s ease-in-out 0.15s;}
.txtBox18 h2 a:hover, .txtBox18:hover a, .txtBox19 h2 a:hover, .txtBox19:hover a{color:#00c5cc; transition: all 0.35s ease-in-out 0.15s;}
.txtBox18 p, .txtBox19 p{
display: block;
padding: 15px;
font-family: 'Roboto Slab', serif;
font-weight: 300;
line-height: 1.4rem;
color: #272727;
text-align: center;
}
.txtBox18 p b, .txtBox18 p strong, .txtBox19 p b, .txtBox19 p strong{font-weight: 400;}
.txtBox18 p i, .txtBox19 p i{font-style: italic;}
.txtBox18 p a, .txtBox19 p a{color:#00c5cc; font-weight: 400;}
.txtBox18 p a:hover, .txtBox19 p a:hover{color: #272727;}
@media screen and (min-width: 1331px) {
.txtBox18 h2 a, .txtBox19 h2 a{
font-size: 1.8em !important;
}
}
@media screen and (max-width: 900px) {
.txtBox18 h2 a, .txtBox19 h2 a{
font-size: 1.5em !important;
font-size: 2.8vw !important;
}
}
@media screen and (max-width: 600px) {
.txtBox18 h2 a, .txtBox19 h2 a{
font-size: 1.2em !important;
font-size: 3.6vw !important;
}
}
/* ######### TEMPLATE 21 ######### */
/* MAGAZINE VARIATION */
.template21 img{width: 100%; height: auto;}
.template21 .mrgBotsml{margin-bottom: 1.4%;}
.template21 .imgCol3{width: 32.4%;}
.template21 .imgCol3.fltLft{margin-right: 1.4%;}
.template21 .imgCol3.fltRgt{margin-right: 0;}
/* ######### TEMPLATE 20 ######### */
/*FOUR PICTURES ROW */
.imgCol4row{
width:24.5%;
height:auto;
margin-right:0.625%;
}
.imgCol4row.last{
width:24.5%;
height:auto;
margin-right:0;
}
.imgCol4row img{
width: 100%;
height:auto;
}
.imgCol4rowHover{
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.imgCol4rowHover .imageCover {
position: absolute;
overflow: hidden;
width: 80%;
height: 50%;
left: 10%;
bottom: 15%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
}
.imgCol4rowHover:hover .imageCover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.imgCol4rowHover h2 {
font-family: 'Jura', sans-serif;
font-weight:200;
letter-spacing: 1px;
text-align: center;
position: relative;
font-size: 2.2em; /*fallback for view width font size*/
font-size:2.3vw;
line-height: 1.37em;
color: #000;
background-color: #FFF;
padding: 0.8em 1em 1em 1em;
opacity: 0.8;
filter: alpha(opacity=80);
}
.imgCol4rowHover:hover h2{
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.imgCol4rowHover h2 a{color:#000000;}
@media screen and (min-width: 1331px) {
.template20 .imgCol4rowHover h2{
font-size: 2.2em !important;
}
}
@media screen and (max-width: 600px) {
.imgCol4rowHover .imageCover {
height: 47%;
bottom: 30%;
}
.imgCol4rowHover h2{
font-family: 'Jura', sans-serif;
font-weight: 400;
letter-spacing: 0;
font-size: 1.2em !important;
font-size: 3.4vw !important;
}
}
/* ######### TEMPLATE 22 ######### */
/* SHOP VARIATION */
/*landscape + portrait for shop*/
.template22{
transition: 0.35s linear;
border: 1px solid #CCC;
padding: 15px;
}
.template22 .imgColA{/*width:72.1%;*/ width: 53.3%;}
.template22 .imgColB{/*width:26.7%;*/ width: 45.3%;}
.template22 .imgColA img, .template22 .imgColB img{width:100%;}
.template22 .txtBox100{background-color: #FFF; border: none; padding-bottom: 0;}
.template22 .txtBox100 p.date{margin: .5em 0 1.5em 0; font-family: "Nunito Sans", sans-serif; font-weight: 700; font-size: 1em;}
.template22 .txtBox100 h2 a{text-transform: uppercase; font-family: "Nunito Sans", sans-serif; font-size: 1.4em !important;}
.template22 .txtBox100 p.subhead{margin: 1em 0 1em 0; font-family: "Nunito Sans", sans-serif; line-height: 1.4em; font-size: 1em;}
@media screen and (max-width: 600px) {
.template22 .txtBox100 h2 a{font-size: 1.2em !important;}
}
@media screen and (max-width: 400px) {
.template22 .txtBox100 h2 a{font-size: 1em !important; font-weight: 600;}
}
/* ########### TEMPLATE 23 ############*/
/* TWO PICTURES LANDSCAPE - TITLE ON DARK BOX - NEW TEMPLATE REPLACEMENT FOR 10*/
.template23 .imgCol2{
width:49.8%;
height:auto;
margin-right:0.4%;
}
.template23 .imgCol2.last{
width:49.8%;
height:auto;
margin-right:0;
}
.template23 .imgCol2 img{
width: 100%;
height:auto;
}
.template23 .imgCol2x1Hover {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.template23 .imgCol2x1Hover .imageCover {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
border: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.template23 .imgCol2x1Hover h2 {
font-family: 'Jura', sans-serif;
font-weight:300;
text-align: center;
position: relative;
font-size: 1.8em; /*fallback for view width font size*/
font-size:2.8vw;
line-height: 1.3em;
color: #FFF;
height: 82%;
padding: 7% 1em 0 1em;
background: url("img/bg_40opacity_bk.png") repeat 0 0;
}
.template23 .imgCol2x1Hover h2:hover{
color: #FFF;
text-shadow: 2px 2px 0 #000;
background-color: transparent;
}
.template23 .imgCol2x1Hover h2 a{color: #FFFFFF;
position: absolute;
bottom: 5%;
left: 2%;
width: 96%;}
.template23 .imgCol2x1Hover h2 a b, .imgCol2x1Hover h2 b{font-weight: 700;}
.template23 .imgCol2x1Hover:hover h2{
background: transparent;
}
@media screen and (min-width: 1331px) {
.template23 .imgCol2x1Hover h2 {
font-size: 2.8em;
}
}
@media screen and (max-width: 800px) {
.template23 .imgCol2x1Hover h2 {
font-size: 1.4em;
line-height: 1.2em;
top: 0;
transform: none;
border:0;
margin:0;
}
.template23 .imgCol2x1Hover .imageCover{height: 100%;}
}
@media screen and (max-width: 600px) {
.template23 .imgCol2x1Hover h2{
padding-top: 1em;
font-size: 1.2em;
}
}
/* ########### TEMPLATE 24, 25, 26 ############*/
/* ONE, THREE, FOUR PICTURE/S LANDSCAPE - TITLE BELOW, text style template 15 */
.template24{
max-width: 100%;
height: auto;
overflow: hidden;
}
.template25 .imgCol3{
max-width: 33%;
height: auto;
overflow: hidden;
}
.template26 .imgCol4{
max-width: 25%;
height: auto;
overflow: hidden;
}
.template24 img, .template25 img, .template26 img{
width: 100%;
height: auto;
transition: transform 1s ease;
}
.template24 img:hover, .template25 img:hover, .template26 img:hover{
transform: scale(1.1);
}
/*additional text tmpl 24 & 25*/
.txtBox15 p{
display: block;
margin: 15px auto 5px auto;
font-family: 'Roboto Slab', serif;
font-weight: 300;
line-height: 1.4rem;
}
.txtBox15 p b, .txtBox15 p strong{font-weight: 400;}
.txtBox15 p i{font-style: italic;}
.txtBox15 p a{color:#00c5cc; font-weight: 400;}
.txtBox15 p a:hover{color: #272727;}
/* ######### MOVIE - TEMPLATE 1 01 ######### */
/* ONE MOVIE - FULL WIDTH - TITLE ON DARK LAYER*/
.movie1Wrp{
background-color: #272727;
}
.flmMovie1Wrp{
text-align: center;
}
.flmMovie1Wrp video{
width:100%;
height: auto;
}
.txtMovie1Wrp h2{
text-align: center;
padding:2em 6em;
}
.txtMovie1Wrp h2 a{
color:#FFF;
font-family: 'Jura', sans-serif;
font-weight:300;
font-size: 2.5em;
font-size:2.5vw;
line-height: 1.2em;
width: 80%;
}
.txtMovie1Wrp h2 a:hover{color:#00C5CC;}
.txtMovie1Wrp h2 a b{font-weight: 700;}
.txtMovie1Wrp p{
display: block;
margin: 15px auto 5px auto;
font-family: 'Roboto Slab', serif;
font-weight: 300;
line-height: 1.4rem;
color: #FFF;
padding: 0 30px 45px 30px;
text-align: center;
}
.txtMovie1Wrp p b, .txtMovie1Wrp p strong{font-weight: 400;}
.txtMovie1Wrp p i{font-style: italic;}
.txtMovie1Wrp p a{color:#00c5cc; font-weight: 400;}
.txtMovie1Wrp p a:hover{color: #FFF;}
@media screen and (min-width: 1331px) {
.txtMovie1Wrp h2 a{
font-size: 2em;
}
}
/* ######### MOVIE - TEMPLATE 1 02 ######### */
/* ONE MOVIE - FULL WIDTH - TITLE ON LIGHT LAYER*/
.movie2Wrp{
background-color: #FFF;
border:1px solid #272727;
}
.flmMovie2Wrp{
text-align: center;
}
.flmMovie2Wrp video{
width:100%;
height: auto;
}
.txtMovie2Wrp h2{
text-align: center;
padding:0;
}
.txtMovie2Wrp h2 a{
color:#272727;
/*font-family: 'Nixie One', cursive;*/
font-family: 'Roboto Slab', serif;
font-weight:400;
font-size: 2.5em;
font-size:2.5vw;
line-height: 1.4em;
width: 80%;
}
.movie2Wrp:hover{border:1px solid #00C5CC; transition: all 0.35s ease-in-out 0.15s;}
.movie2Wrp:hover a{color:#00C5CC; transition: all 0.35s ease-in-out 0.15s;}
.txtMovie2Wrp h2 a:hover{color:#00C5CC; transition: all 0.35s ease-in-out 0.15s;}
.txtMovie2Wrp p{
display: block;
margin: 15px auto 5px auto;
font-family: 'Roboto Slab', serif;
font-weight: 300;
line-height: 1.4rem;
color: #272727;
padding: 0 30px 45px 30px;
text-align: center;
}
.txtMovie2Wrp p b, .txtMovie2Wrp p strong{font-weight: 400;}
.txtMovie2Wrp p i{font-style: italic;}
.txtMovie2Wrp p a{color:#00c5cc; font-weight: 400;}
.txtMovie2Wrp p a:hover{color: #272727;}
@media screen and (min-width: 1331px) {
.txtMovie2Wrp h2 a{
font-size: 2em;
}
}
/* TEMPLATE MOVIE 3 - PORTRAIT FORMAT VIDEO - DARK */
.movie3Wrp{
background-color: #272727;
transition: 0.35s linear;
}
.movie3Wrp:hover{
background-color: #333;
transition: 0.35s linear;
}
.movie3Wrp .spaceCol1{width: 6%; border: 1px solid #272727;}
.movie3Wrp .videoCol2{width:26.7%;}
.movie3Wrp .textCol3{width:65.1%;}
.movie3Wrp .videoCol2 video, .movie3Wrp .videoCol2 img{
width:100%;
height: auto;
}
.textCol3 .txtWrp{
border:1px solid #CCC;
background-color: transparent;
padding:5%;
margin:5%;
text-align: center;
box-shadow: 3px 3px 0 #000;
}
.textCol3 .txtWrp h2 a{
color: #F9F9F9;
font-family: 'Jura', sans-serif;
font-size: 2.4em;
font-size: 2.8vw;
font-weight: 400;
line-height: 1.4em;
}
.movie3Wrp .txtWrp p{
display: block;
margin: 15px auto 5px auto;
font-family: 'Roboto Slab', serif;
font-weight: 300;
line-height: 1.4rem;
color: #FFF;
padding: 15px 15px 0 15px;
text-align: center;
}
.movie3Wrp .txtWrp p b, .movie3Wrp .txtWrp p strong{font-weight: 400;}
.movie3Wrp .txtWrp p i{font-style: italic;}
.movie3Wrp .txtWrp p a{color:#00c5cc; font-weight: 400;}
.movie3Wrp .txtWrp p a:hover{color: #272727;}
@media screen and (min-width: 1331px) {
.textCol3 .txtWrp h2 a{
font-size: 2.4em;
}
}
@media screen and (max-width: 635px){
.movie3Wrp .spaceCol1{width: 0; border: none;}
.movie3Wrp .videoCol2{width:100%;}
.movie3Wrp .textCol3{width:100%;}
.textCol3 .txtWrp{
padding:3%;
margin:1%;
box-shadow: none;
}
}
/* ######### media queries - submenu ######### */
@media screen and (max-width: 1540px) {
.articleDate{
font-size: 1em;
line-height: 0.5em;
margin-top: -0.5em;
white-space: pre-line;
}
.articleWrpHalf .articleDate {
/*font-size: 1.5em;*/
font-size: 1.2em;
}
}
@media screen and (max-width: 1470px) {
.articleDate{
float: none;
width:100%;
margin:0 0 5px 0;
text-align: left;
/*font-size: 1.5em;
font-size:2vw;*/
font-size: 1.2em;
white-space: nowrap;
}
.articleWrpHalf .articleDate {
/*font-size: 1.5em;
font-size:2vw;*/
font-size: 1.2em;
}
.bigNewsQuote{display: none;}
.smlNewsQuote{display: inline;}
.articleDateLine{display: inline;}
}
@media screen and (max-width: 1330px) {
.wrapper{padding:30px 15px 0;}
}
@media screen and (max-width: 1100px) {
.logoFront{width: 33%;}
.menueMetaFrontWrp{width: 65%;}
.menuMainItems{font-size: 0.9em; margin-top: 7px;}
.menuMainItems li a{padding-right: 0.6em;}
.menuMainSearch input{font-size: 0.9em;}
.menuMetaFront{font-size:0.7em;}
.menuMetaFront li a {
color: #272727;
padding-left: 0.3em;
}
/*standard template*/
.imgStd{width:50%;}
.txtStd{width: 44%;}
.txtStd h2 a{
font-size: 2.2em;
font-size:3.4vw;
}
}
@media screen and (max-width: 985px) {
.menueMetaFrontWrp{padding-top: 0.3em;}
.menuMetaFront{font-size: 0.6em;}
.menuMetaFront li a{padding-bottom: 0.5em;}
.menuMetaFront li.spaceRight{padding-right: 0;}
.menuMainFront{padding: 1px 0 5px 0;}
.menuMainItems{font-size: 0.8em;}
.menuMainItems ul{margin-top: 0.2em;}
.menuMainItems li a{padding-right: 0.5em;}
.menuMainSearchWrp{width:16%;}
.menuMainSearch{margin-top: 4px;}
.menuMainSearch input{font-size: 0.8em;}
.menuMainSearch input.suchfeld{width:70%; padding-left: 5px;}
.menuMainSearch input.find{
width:20px;
height:20px;
padding-top:2px;
}
.articleDate, .articleWrpHalf .articleDate{
font-size: 1em;
}
}
@media screen and (max-width: 750px) {
.menuMainItems{font-size: 0.7em; width: 100%; float: none;}
.menuMainSearchWrp{width: 40%; min-width: 250px; float: none; margin-left: 5px; margin-top: 10px;}
.menuMainSearch input{font-size: 0.7em;}
.menuMainSearch input.find{
width:20px;
height:20px;
padding-top:1px;
}
}
@media screen and (max-width: 620px) {
.menuMainSearch input.find{
width:16px;
height:16px;
padding-top:1px;
}
}
/*tags startpage*/
.startNewsTagsWrp{
margin-bottom:80px;
margin-top:-70px;
text-align: right;
}
/* ######### static pages pe. contact, imprint ######### */
.staticContent{
font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
margin:0 auto;
min-height: 1000px; /*fixed header - scrollen*/
}
.staticContent.dynFont{
/*font-family: "Scope One",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
}
.staticContent.dynFont p{font-size:1em;}
.staticContent.width85{max-width: 85%;}
.staticContent.width95{max-width: 95%;}
.staticContent p{
font-size: 18px;
line-height: 24px;
margin-bottom: 0.5em;
}
.staticContent p.mrgBotbig{margin-bottom:1em;}
.staticContent p.smaller{font-size:0.9em;}
.staticContent p a{color:#b09c5f; text-decoration: none;}
.staticContent p a:hover{color:#FFF; background-color: #00C5CC;}
.staticContent .goldsmall{color:#b09c5e;}
.staticContent h1.goldbig{
color: #b09c5f;
font-size: 34px;
font-weight: 600;
margin-bottom: 1em;
}
.staticContent h1 a{color: #b09c5f;}
.staticContent h1 a:hover{background-color: #00C5CC; color: #FFF;}
.staticContent h2.goldsmall, .staticContent h2.goldsmall a{
color: #b09c5f;
font-size: 20px;
font-weight: 600;
margin-bottom: 1em;
text-transform: uppercase;
}
.staticContent h2.goldsmall a:hover{color:#272727;}
.staticContent.privacypolicy h4{
font-size: 18px;
line-height: 24px;
}
.staticContent.privacypolicy ul li ul{margin:0 0 1em 2em; list-style-type: disc !important;}
.staticContent.privacypolicy ul li ul li{
font-size: 18px;
line-height: 24px;
}
.staticContent .formBox h2{font-size:1.1em;}
.staticContent .formBox h2 a{font-size:1em;}
.staticContent h3{
font-weight: 200;
font-size:24px;
margin-bottom: 1em;
}
.staticContent h3 a.gold{color:#b09c5f;}
.staticContent h3 a.gold:hover{color:#E0C460;}
table.mediaservice {
width:100%;
border-collapse: collapse;
border-top: 1px solid #ccc;
margin-bottom: 80px;
}
table.mediaservice td {
border-bottom: 1px dotted #ccc;
padding: 10px 20px;
text-align: left;
vertical-align: middle;
}
table.mediaservice td.imgprev{width: 30%;}
table.mediaservice td.imgprev img{max-width: 300px;}
table.mediaservice td.imgprev img.autowidth{width: 100%; height:auto;}
table.mediaservice td.imgdesc{width: 45%; padding-left:10%; padding-right:2%;}
table.mediaservice td.imgSize{font-size:0.9em; text-align: right; min-width: 70px;}
table.mediaservice td.bgcontrast {background-color: #ddd;}
.staticContent .formBox{
background-color: #f9f9f9;
border: 1px solid #b09c5f;
width: 80%;
max-width:480px;
padding: 3em;
border-radius: 5px;
}
.staticContent .formBox.bigBox{
width:auto;
max-width:none;
}
.staticContent .formBox .warning{
color:#cc0088;
}
.staticContent .formBox .success{
color:#00c5cc;
text-shadow: 1px 1px 0 #B09C5F;
text-transform: uppercase;
}
.staticContent .formBox a.linkButton{
text-transform: uppercase;
border: 1px solid #b09c5f;
background-color: #b09c5f;
padding: 0.5em 1em;
border-radius: 5px;
color: #FFF;
font-weight: bold;
margin-top: 1em;
display: block;
text-align: center;
}
.staticContent .formBox a.linkButton:hover, .staticContent .formBox a.linkButton:active, .staticContent .formBox a.linkButton:focus {border: 1px solid #00C5CC; background-color: #00C5CC;}
.halfBoxLft{
float: left;
width:45%;
margin-right: 8%;
}
.halfBoxRgt{
float: left;
width:45%;
}
/*used in register category / locations*/
.twothirdBoxLftBordered{
float: left;
width:63%;
margin-right: 3%;
padding-right: 3%;
border-right: 1px dashed #CCC;
}
.onethirdBoxRgtBordered{
float: left;
width:23%;
}
.checkboxList{
font-size: 1.2em;
margin-bottom: 15px;
}
.checkboxList input{
font-size: 1.6em;
}
a.gosee_flow_edit_industry_add_item {
color: #272727;
border: 1px solid #272727;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
padding: 2px 5px;
line-height: 2.4em;
background-color: #FFFFFF;
}
a.gosee_flow_edit_industry_add_item.active-tag {
background-color: pink;
}
/* ./ used in register category / locations*/
.staticContent .inputField {
font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
border-radius: 2px;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 10px;
width: 100%;
max-width: 450px;
border: 1px solid #b09c5f;
color: #272727;
padding: 6px 10px;
}
.staticContent .inputZip {width: 20%; margin-right: 5%;}
.staticContent .inputCity {width: 65%;}
.staticContent .inputPhn1{width:17%; margin-right: 10%}
.staticContent .inputPhn2{width:45%;}
.staticContent label {
color: #272727;
font-size: 0.9em;
}
.staticContent .highlight .inputField{
border: 1px solid #cc0088;
background-color: pink;
}
.staticContent .selectBoxWrp {
background: white url("/images/default/down_arrow_select.png") no-repeat scroll right center;
border: 1px solid #b09c5f;
border-radius:2px;
height: 38px;
overflow: hidden;
width:105%;
max-width: 470px;
}
.staticContent .selectBoxWrp select:disabled{
color: #CCC;
}
.staticContent .selectBoxWrp select.selectBox {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
font-size: 0.8em;
height: 38px;
line-height: 1;
padding: 5px;
width:115%;
max-width: 498px;
}
.staticContent .selectBoxWrp.highlight{
border: 1px solid #cc0088;
background-color: pink;
}
.staticContent .selectBoxWrp.smallBox{width:45%; min-width: 150px;}
.staticContent .selectBoxWrp.smallBox .selectBox{width:30%; min-width: 136px;}
.staticContent textarea{
border: 1px solid #b09c5f;
font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
font-size: 1em;
padding: 0.5em;
width: 80%;
}
.staticContent input.butStdrt {padding: 7px 25px 4px;}
.staticContent a.butStdrt, input.butStdrt, button.butStdrt {
background-color: #00c5cc;
border: 1px solid #00c5cc;
border-radius: 5px;
color: #fff;
font-size: 0.9em;
font-weight: 200;
text-transform: uppercase;
}
button.butStdrt{
font-size: 0.7em;
padding: 0.4em 1em 0.2em 1em;
}
button.butStdrt.bigFont{
font-size: 1em;
padding: 0.4em 1em 0.3em 1em;
}
button.butStdrt:hover, button.butStdrt:active, button.butStdrt:focus{
background-color: #272727;
border: 1px solid #272727;
}
.birthdate_special {
left: -1000px;
position: absolute !important;
}
/*awardsportfolios special css*/
.awBigBox{
color: #fff;
height: 230px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.awBigBox.votingDone{opacity:0.3; font-size:30px;}
.awSubtext{
font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
line-height:1.4em;
color: #fff;
display: block;
font-size: 18px;
letter-spacing: 0.1em;
padding-top: 30px;
text-align: center;
text-transform: uppercase;
/*text-shadow: 0 1px 1px #272727;*/
}
.awcatCol_aimeetsreality, .awSmlBox.color_aimeetsreality{background-color:#D5A37E;}
.awcatFnt_aimeetsreality{font-family:Tahoma,Geneva,sans-serif; font-size: 60px; padding-top:60px;}
.awcatCol_seduction, .awSmlBox.color_seduction{background-color:#D5A37E;}
.awcatFnt_seduction{font-family:Tahoma,Geneva,sans-serif; font-size: 60px; padding-top:60px;}
.awcatCol_fashion, .awSmlBox.color_fashion{background-color:#18C4CB;}
.awcatFnt_fashion{font-family: Times New Roman,Times,serif; font-size: 80px; padding-top:70px;}
.awcatCol_nature, .awSmlBox.color_nature{background-color:#873D8A;}
.awcatFnt_nature{font-family:'Inconsolata',verdana,sans-serif; font-size: 90px; padding-top:50px;}
.awcatCol_skin, .awSmlBox.color_skin{background-color:#D5A37E;}
.awcatFnt_skin{font-family:Tahoma,Geneva,sans-serif; font-size: 60px; padding-top:60px;}
.awcatCol_nude, .awSmlBox.color_skin{background-color:#FD9BCB;}
.awcatFnt_nude{font-family:Tahoma,Geneva,sans-serif; font-size: 90px; padding-top:60px;}
.awcatCol_stills, .awSmlBox.color_skin{background-color:#4B58BD;}
.awcatFnt_stills{font-family:arial,sans-serif; font-size: 60px; padding-top:60px;}
.awcatCol_portrait, .awSmlBox.color_skin{background-color:#8A8FB7;}
.awcatFnt_portrait{font-family:"Inconsolata",verdana,sans-serif; font-size: 70px; letter-spacing: 0.2em; padding-top:70px;}
.awcatCol_cgi, .awSmlBox.color_skin{background-color:#FD9BCB;}
.awcatFnt_cgi{font-family:"Inconsolata",verdana,sans-serif; font-size: 70px; letter-spacing: 0.2em; padding-top:70px;}
.awcatCol_illustration, .awSmlBox.color_illustration{background-color:#FA2644;}
.awcatFnt_illustration{font-family:Courier New,Courier,monospace; font-size: 60px; padding-top:65px;}
.awcatCol_transportation, .awSmlBox.color_illustration{background-color:#B1972C;}
.awcatFnt_transportation{font-family:Courier New,Courier,monospace; font-size: 60px; padding-top:65px;}
.awcatCol_reportage, .awSmlBox.color_reportage{background-color:#C5C584;}
.awcatFnt_reportage{font-family:Verdana,Geneva,sans-serif; font-size: 60px; padding-top:70px;}
.awcatCol_art, .awSmlBox.color_art{background-color:#90029F;}
.awcatFnt_art{font-family:Lucida Sans Unicode,Lucida Grande,sans-serif; font-size: 60px; padding-top:70px;}
.awcatCol_screenings, .awSmlBox.color_screenings{background-color:#B1972C; /*C0D109*/}
.awcatFnt_screenings{font-family:Lucida Sans Unicode, sans-serif; font-size: 80px; padding-top:50px; text-transform:lowercase; font-weight:bold;}
a.awLink{color:#FFF;}
a.awLink:hover{color:#272727;}
.awInfoText{
font-size:16px;
font-family:lucida sans unicode, lucida grande, sans-serif;
letter-spacing:0 !important;
font-weight:normal;
margin-top:40px;
text-transform:uppercase;
}
.awInfoText a{
color:#FFF !important;
background-color: #00C5CC;
border:2px solid #FFF;
padding: 5px 15px;
}
/* überarbeiten */
.awardsVoteBox{
border-top:1px solid #CCC;
margin-bottom: 20px;
margin-top: 30px;
padding:30px 10px;
}
.awardsVoteBox select{
border:1px solid #CCC !important;
padding:0 5px;
font-size:14px;
text-align:right;
}
.awardsMembername{
text-transform:uppercase;
font-size:1.8em !important;
font-weight: 200;
line-height:1.2em !important;
margin-left:10px;
}
.awardsPokale{
font-size:2em !important;
color:#272727;
text-transform:uppercase;
text-align:center;
margin-bottom:1.5em !important;
margin-top:1em !important;
background-color:#FFF;
}
.awardsPokaleStar{color:#00c5cc; padding:0 5px;}
.awardsInfo{
text-transform:uppercase;
font-size:1em;
line-height:1.2em;
margin-left:10px;
}
.thumbFieldAward{
overflow:hidden;
/*width:990px;*/
margin-left:0;
}
.thumbFieldAward .nailthumb-container{float:left; margin:10px;}
/* ######### news pages pe. single news, newscat ######### */
.newsContent{
font-family: 'Roboto Slab', serif;
font-weight: 300;
}
p.newsText b, p.newsText strong{font-weight: 700;}
.newsContent h2{
text-align: center;
max-width: 720px;
margin: 0 auto;
}
.newsContent p.subline, .newsContent p.newsText{
text-align: justify;
max-width: 800px;
margin: 0 auto;
}
.newsContent h2,
.newsContent h2 span.gosee-editor-style.headline-style-1-mid{
display: block;
font-size: 2rem;
line-height: 2.2rem;
margin-bottom: 1.5rem;
font-weight: 300;
font-family: 'Nunito Sans', sans-serif;
}
.newsContent h2 span.gosee-editor-style.headline-style-1-big{
display: block;
font-size: 2.4rem;
line-height: 2.6rem;
}
.newsContent h2 span.gosee-editor-style.headline-style-1-small{
display: block;
font-size: 1.6rem;
line-height: 2rem;
}
.newsContent h2 a{color:#272727;}
.newsContent h2 a:hover{color:#00C5CC;}
/*media queries news headline*/
@media screen and (max-width: 800px){
.newsContent h2{max-width: 520px;}
.newsContent p.subline, .newsContent p.newsText{max-width: 600px;}
.newsContent h2,
.newsContent h2 span.gosee-editor-style.headline-style-1-mid{
font-size: 1.8rem;
}
.newsContent h2 span.gosee-editor-style.headline-style-1-big{font-size: 2.2rem;}
}
@media screen and (max-width: 635px){
.newsContent h2{max-width: 400px;}
.newsContent p.subline, .newsContent p.newsText{max-width: 500px;}
.newsContent h2,
.newsContent h2 span.gosee-editor-style.headline-style-1-mid{
font-size: 1.6rem;
}
.newsContent h2 span.gosee-editor-style.headline-style-1-big{
font-size: 2rem;
line-height: 2.2rem;
}
}
@media screen and (max-width: 635px){
.newsContent .singleNewsWrp{padding: 15px 20px 100px 20px;}
.newsContent h2{max-width: none;}
.newsContent p.subline, .newsContent p.newsText{max-width: none;}
.newsContent h2,
.newsContent h2 span.gosee-editor-style.headline-style-1-mid{
font-size: 1.4rem;
line-height: 1.8rem;
}
.newsContent h2 span.gosee-editor-style.headline-style-1-big{
font-size: 1.8rem;
line-height: 2.0rem;
}
.newsContent h2 span.gosee-editor-style.headline-style-1-small{
font-size: 1.4rem;
line-height: 1.8rem;
}
}
.newsContent p{
color: #272727;
font-size: 1.0em;
line-height: 1.6em;
margin-bottom: 0.2em;
}
.newsContent p i{font-style: italic;}
.newsContent p a{color: #b39500;}
.newsContent p a:hover{color: #272727;}
h1.catTitle{
color:#FFF;
font-family: "Nunito Sans",sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 2em;
margin-top: -18px;
padding: 10px;
text-transform: uppercase;
}
h1.catTitle{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #00c5cc, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #00c5cc , #f9f9f9);
background: -o-linear-gradient(to right, #00c5cc , #f9f9f9);
background: -moz-linear-gradient(to right, #00c5cc , #f9f9f9);
background: linear-gradient(to right, #00c5cc , #f9f9f9);
}
h1.catTitle.catID0{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #D4D6CB, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #D4D6CB , #f9f9f9);
background: -o-linear-gradient(to right, #D4D6CB , #f9f9f9);
background: -moz-linear-gradient(to right, #D4D6CB , #f9f9f9);
background: linear-gradient(to right, #D4D6CB , #f9f9f9);
}/*photo*/
h1.catTitle.catID1{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #CACCB6, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #CACCB6 , #f9f9f9);
background: -o-linear-gradient(to right, #CACCB6 , #f9f9f9);
background: -moz-linear-gradient(to right, #CACCB6 , #f9f9f9);
background: linear-gradient(to right, #CACCB6 , #f9f9f9);
}/*agencies , reps*/
h1.catTitle.catID2{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #80C08E, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #80C08E , #f9f9f9);
background: -o-linear-gradient(to right, #80C08E , #f9f9f9);
background: -moz-linear-gradient(to right, #80C08E , #f9f9f9);
background: linear-gradient(to right, #80C08E , #f9f9f9);
}/*model*/
h1.catTitle.catID3{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #BEC6D3, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #BEC6D3 , #f9f9f9);
background: -o-linear-gradient(to right, #BEC6D3 , #f9f9f9);
background: -moz-linear-gradient(to right, #BEC6D3 , #f9f9f9);
background: linear-gradient(to right, #BEC6D3 , #f9f9f9);
}/*art*/
h1.catTitle.catID4{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #C8B5BB, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #C8B5BB , #f9f9f9);
background: -o-linear-gradient(to right, #C8B5BB , #f9f9f9);
background: -moz-linear-gradient(to right, #C8B5BB , #f9f9f9);
background: linear-gradient(to right, #C8B5BB , #f9f9f9);
}/*production*/
h1.catTitle.catID5{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #D7CDD8, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #D7CDD8 , #f9f9f9);
background: -o-linear-gradient(to right, #D7CDD8 , #f9f9f9);
background: -moz-linear-gradient(to right, #D7CDD8 , #f9f9f9);
background: linear-gradient(to right, #D7CDD8 , #f9f9f9);
}/*event*/
h1.catTitle.catID6{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #D7CDD8, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #D7CDD8 , #f9f9f9);
background: -o-linear-gradient(to right, #D7CDD8 , #f9f9f9);
background: -moz-linear-gradient(to right, #D7CDD8 , #f9f9f9);
background: linear-gradient(to right, #D7CDD8 , #f9f9f9);
}/*advertising*/
h1.catTitle.catID7{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #87CC96, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #87CC96 , #f9f9f9);
background: -o-linear-gradient(to right, #87CC96 , #f9f9f9);
background: -moz-linear-gradient(to right, #87CC96 , #f9f9f9);
background: linear-gradient(to right, #87CC96 , #f9f9f9);
}/*film*/
h1.catTitle.catID8{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #B48DC6, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #B48DC6 , #f9f9f9);
background: -o-linear-gradient(to right, #B48DC6 , #f9f9f9);
background: -moz-linear-gradient(to right, #B48DC6 , #f9f9f9);
background: linear-gradient(to right, #B48DC6 , #f9f9f9);
}/*fashion*/
h1.catTitle.catID9{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #D1C8CB, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #D1C8CB , #f9f9f9);
background: -o-linear-gradient(to right, #D1C8CB , #f9f9f9);
background: -moz-linear-gradient(to right, #D1C8CB , #f9f9f9);
background: linear-gradient(to right, #D1C8CB , #f9f9f9);
}/*shop*/
h1.catTitle.catID10{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #8988B4, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #8988B4 , #f9f9f9);
background: -o-linear-gradient(to right, #8988B4 , #f9f9f9);
background: -moz-linear-gradient(to right, #8988B4 , #f9f9f9);
background: linear-gradient(to right, #8988B4 , #f9f9f9);
}/*celebrity , vip*/
h1.catTitle.catID11{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #BFC28D, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #BFC28D , #f9f9f9);
background: -o-linear-gradient(to right, #BFC28D , #f9f9f9);
background: -moz-linear-gradient(to right, #BFC28D , #f9f9f9);
background: linear-gradient(to right, #BFC28D , #f9f9f9);
}/*post*/
h1.catTitle.catID12{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #BCD3B7, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #BCD3B7 , #f9f9f9);
background: -o-linear-gradient(to right, #BCD3B7 , #f9f9f9);
background: -moz-linear-gradient(to right, #BCD3B7 , #f9f9f9);
background: linear-gradient(to right, #BCD3B7 , #f9f9f9);
}/*illustration*/
h1.catTitle.catID13{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #CAB6D1, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #CAB6D1 , #f9f9f9);
background: -o-linear-gradient(to right, #CAB6D1 , #f9f9f9);
background: -moz-linear-gradient(to right, #CAB6D1 , #f9f9f9);
background: linear-gradient(to right, #CAB6D1 , #f9f9f9);
}/*editorial*/
h1.catTitle.catID14{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #D4D6CB, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #D4D6CB , #f9f9f9);
background: -o-linear-gradient(to right, #D4D6CB , #f9f9f9);
background: -moz-linear-gradient(to right, #D4D6CB , #f9f9f9);
background: linear-gradient(to right, #D4D6CB , #f9f9f9);
}/*photo*/
.newsCatTxtWrp{
overflow: hidden;
z-index: 1;
height: 90px;
position:relative;
display: block;
}
.newsCatTxtGradient{
position: absolute;
top:35px;
left:0;
height: 60px;
width:99%;
overflow: hidden;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
z-index: 90001;
}
a.bigBkLink {
color: #272727;
font-size: 20px;
text-transform: uppercase;
}
a.bigBkLink:hover{color:#B3B3B3;}
.newsMemberInfo{
border-bottom: 4px solid #eaeaea;
border-top: 1px solid #eaeaea;
margin-top: 20px;
padding: 4px 0;
}
a.newsMemberInfoTxt {
font-family: 'Roboto Slab', serif;
font-weight: 300;
color: #272727;
font-size: 0.85em;
letter-spacing: 0.1em;
line-height: 2em;
text-transform: uppercase;
}
a.newsMemberInfoTxt:hover{color: #00C5CC;}
a.newsMemberInfoTxt.ucerRed{color: #eb2539;}
a.newsMemberInfoTxt.ucerRed:hover{color: #b91c2c;}
p.newsTopline , p.newsTopline a{
color: #b3b3b3;
font-size: 14px;
}
p.newsTopline{margin-top: 2px;}
.masitemNewsText{
font-family: "Oswald", sans-serif;
font-weight: 200;
color:#B39500;
font-size:0.9em !important;
padding:5px 5px 5px 7px;
}
.shopGridWrp{
margin-top: 10em;
border-top:1px solid #eee;
padding-top: 4em;
padding-bottom: 4em;
}
.shopGridWrp .newsshopTitle{
font-family: "Roboto Slab", serif;
font-size: 2em;
}
.shopGridWrp a.newsshopTitle{color: #272727;}
.shopGridWrp a.newsshopTitle:hover{color: #e7a0ae;}
.shopItemNewsTextBlock{
padding: 10px 15px 25px 15px;
font-size: 1em;
}
.shopItemNewsTextBlock h2{
font-size: 1.2em;
color: #272727;
font-family: "oswald", sans-serif;
font-weight: 200;
}
.shopItemNewsTextBlock a.buttonbuy{
background-color: #FFF;
border: 1px solid #e7a0ae;
color: #e7a0ae;
padding: 0.1em 1.2em 0.1em 1.4em;
border-radius: 2px;
font-family: "Oswald", sans-serif;
font-weight: 200;
text-transform: uppercase;
letter-spacing: 3px;
}
.shopItemNewsTextBlock a.buttonbuy:hover, .shopItemNewsTextBlock a.buttonbuy:focus, .shopItemNewsTextBlock a.buttonbuy:active{
background-color: #e7a0ae;
border: 1px solid #e7a0ae;
color: #FFF;
}
.singleNewsWrp {
border: 0 none;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px rgb(204, 204, 204);
-moz-box-shadow: 1px 1px 5px rgb(204, 204, 204);
box-shadow: 1px 1px 5px rgb(204, 204, 204);
margin-bottom: 50px;
padding: 15px 30px 100px 30px;
overflow: hidden;
}
.singleNewsWrp p.newsText iframe{
max-width: 100%;
}
.bigNewsItemImageBox {
border: 0 none;
margin-bottom: 50px;
}
.bigNewsItemImage {
text-align: center;
}
.bigNewsItemImage a{
color:#CCC;
font-size:0.8em;
font-family: arial, Helvetica, Arial, sans-serif;
font-weight: normal;
}
.bigNewsItemImageBox.bigImage {
max-width: 1240px;
/*width: 100%;*/
}
.bigNewsItemImageBox.bigImage img{
height:auto;
max-height: 1000px;
width: auto;
max-width: 1240px;
}
/*
schmalere max-width, damit bilder nicht überlaufen - nach heboWrp in Media Queries
*/
.bigNewItemText{
background-color: #fff !important;
margin-top: -15px;
padding: 15px 20px;
}
.bigNewItemText a{
background-color: #fff;
color: #b39500;
display: block;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
text-transform: uppercase;
font-weight: 200;
text-align: left;
}
.bigNewItemText a:hover{color:#272727;}
.prevNextBoxNew{
}
.prevNextBoxNew ul{
list-style: none;
padding: 5px;
margin: 0;
display: flex;
justify-content: space-between;
}
.prevNextBoxNew ul li{position: relative;}
.prevNextBoxNew ul li a.pbLink{
color: #272727;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 600;
}
.prevNextBoxNew ul li a.pbLink:hover{color: #00C5CC;}
.prevNextBoxNew ul li a.pbLink.fixedtopBar:hover{color: #FFF;}
.prevNextBoxNew ul li.pbTitle{text-align: center}
.prevNextBoxNew ul li.pbTitle a{
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 1.4em;
text-transform: uppercase;
line-height: 0.8em;
letter-spacing:1px;
color: #00C5CC;
}
.prevNextBoxNew ul li.pbTitle a:hover{color: #272727;}
li.between{width: 30%;}
li.between hr{
border: 0;
height: 1px;
background: #272727;
background-image: linear-gradient(to right, #ccc, #aaa, #ccc);
}
.newsPrevNextBox{
background-color: #FFF;
border: 1px solid #272727;
width: 400px;
height: 350px;
max-height: 350px;
overflow: hidden;
padding: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 15px 15px 10px -10px rgba(39,39,39,0.31);
-moz-box-shadow: 15px 15px 10px -10px rgba(39,39,39,0.31);
box-shadow: 15px 15px 10px -10px rgba(39,39,39,0.31);
}
.newsPrevNextBox .prevnextLinkTop{
display: block;
font-family: 'Roboto Slab', serif;
font-weight: 700;
text-transform: uppercase;
font-size: 0.8em;
margin-bottom: 15px;
}
.newsPrevNextBox .prevnextLinkTop a{color: #272727;}
.newsPrevNextBox .prevnextLinkTop a:hover{color: #00C5CC;}
.newsPrevNextBox .title{
display: block;
font-weight: 300;
line-height: 1.4em;
font-family: "Oswald", sans-serif;
max-width: 400px;
max-height: 1.4em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.newsPrevNextBox a .title{color: #272727;}
.newsPrevNextBox a .title:hover, .newsPrevNextBox a .title:active, .newsPrevNextBox a .title:focus{color: #00C5CC;}
.newsPrevNextBox .name{
margin-top: 5px;
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.newsPrevNextBox .name a{
font-weight: 400;
line-height: 1.4em;
text-transform: uppercase;
font-size: 0.8em;
color: #00C5CC;
}
.newsPrevNextBox .name a:hover{
color: #272727;
}
.newsPrevNextBox .image{
text-align: center;
}
/*tagline news*/
.newsTagsInfo {
font-family: "Oswald", sans-serif;
color: #A1CCCD;
font-size: 14px;
margin-right: 3px;
text-transform: uppercase;
}
.newsTagsInfo.color2{
color: #CCB98A;
}
.newsTagsInfo.colorFeature{
color: #272727;
}
a.newsTags, .tagCounter {
display: inline-block;
font-family: 'Nunito Sans', sans-serif;
font-size: 0.7rem;
letter-spacing: 1px;
line-height: 1rem;
font-weight: 700;
background-color: #A1CCCD;
border: 1px solid #A1CCCD;
color: #fff;
margin: 0 2px 5px 0;
padding: 2px 8px 0 8px;
text-transform: uppercase;
white-space: nowrap;
}
a.newsTags:hover{color:#A1CCCD; background-color: #FFF;}
a.newsTags.colorLocation{
background-color: #a8cda4;
border: 1px solid #a8cda4;
}
a.newsTags.colorLocation:hover{
color: #a8cda4;
background-color: #FFF;
}
a.newsTags.color2{
background-color: #CCB98A;
border:1px solid #CCB98A;
}
a.newsTags.color2:hover{
color: #CCB98A;
background-color: #FFF;
}
a.newsTags.color3{
color: #CCB98A;
background-color: #FFF;
border:1px solid #CCB98A;
font-size: 0.7rem;
font-weight: 400;
letter-spacing: 1px;
line-height: 1rem;
}
a.newsTags.color3:hover{
color: #FFF;
background-color: #CCB98A;
border:1px solid #CCB98A;
}
a.newsTags.color3.textcredit{
color: #ccc;
background-color: #FFF;
border:1px solid #DDD;
font-size: 0.7rem;
font-weight: 400;
letter-spacing: 1px;
line-height: 1rem;
}
a.newsTags.color3.textcredit:hover{
color: #FFF;
background-color: #DDD;
border:1px solid #DDD;
}
a.newsTags.colorShop{
background-color: #e7a0ae;
border:1px solid #e7a0ae;
}
a.newsTags.colorShop:hover{
color: #df778c;
background-color: #FFF;
}
a.newsTags.expertTag {
background: #d71d1d;
color: #fff;
border-color: #d71d1d;
}
a.newsTags.expertTag:hover {
color: #d71d1d;
background: transparent;
border-color: #d71d1d;
}
a.newsTags.colorFeature{
color: #272727;
background-color: #FFF;
border:1px solid #272727;
}
a.newsTags.colorFeature:hover{
background-color: #F9F9F9;
}
span.clFeatured{
font-weight: bold;
font-size: 0.8em;
margin-left: 5px;
}
.featuredtooltip{display: inline; position: relative;}
.featuredtooltip:hover:after{
border-radius: 3px;
bottom: 26px;
color: #fff;
content: attr(title);
left: -10px;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: auto;
white-space: nowrap;
font-size:12px;
line-height:18px;
text-transform:uppercase;
font-family:"Oswald", sans-serif;
}
.featuredtooltip:hover:after{background: #272727; background: rgba(0,0,0,.7);}
.tagCounter{
color: #CCC;
background-color: #FFF;
border:1px solid #CCC;
}
.newstooltip{display: inline; position: relative;}
.newstooltip:hover:after{
border-radius: 3px;
bottom: 26px;
color: #fff;
content: attr(title);
left: -10px;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 150px;
font-size:12px;
line-height:18px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}
.newstooltip:hover:after{background: #007276; background: rgba(0,114,118,.7);}
.newstooltip.color2:hover:after{background: #675D36; background: rgba(103,93,54,.7);}
.newstooltip.colorPas:hover:after{background: #BBB;}
p.wholiked {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
p.wholiked a {
color: #00c5cc;
}
p.wholiked a {
color: #00c5cc;
}
/*film news toggle container for credits and embed link*/
.toggleCreditBox {
background: url("img/toggle-arrow.gif") no-repeat right 2px;
cursor: pointer;
font-size:16px;
border-top:1px solid #EAEAEA;
border-bottom:1px solid #EAEAEA;
padding-top:5px;
line-height:1.6em;
margin-bottom: 8px;
text-transform: uppercase;
}
.filmCredits{
padding-top:2em;
}
.filmCredits h3{
color:#00C5CC;
}
.newsfilmcredits{
font-size:0.9em !important;
border-bottom:1px solid #EAEAEA;
padding-bottom:10px;
}
/* ######### dynamic Contant - main navi ######### */
.dynamicContent{
/*font-family: "Scope One",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
min-height: 1000px; /*fixed header - scrollen*/
}
/*headerboxes dynamic content */
.heboWrap{
/*font-family: 'Oswald', sans-serif;*/
font-family: 'Nunito Sans', sans-serif;
/*font-weight: 300;*/
font-weight: 700;
color:#FFF;
margin-top: -1em;
margin-bottom: 1em;
/*padding:5px 12px;*/
padding: 10px 12px;
/*border-radius: 5px;*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.heboWrap.imgsearch{/*background-color: #C4B455;*/ /*background-color: #B09C5F;*/ background-color: #8c7738;}
.heboWrap.memsearch{/*background-color: #6D706F;*/ background-color: #333;}
.heboWrap.blgsearch{background-color: #6392B0; margin-top: -2.3em; /*margin-left: -15px;*/ padding-bottom: 16px;}
.heboWrap.newssearch, .heboWrap.indexnewssearch{
padding: 10px 10px;
color: #272727;
background-color: #F9FAFA;
}
.heboWrap.indexnewssearch ul.mainCats{margin: 0; padding: 0; list-style-type: none;}
.heboWrap.indexnewssearch ul.mainCats li{display: inline;}
.heboWrap.indexnewssearch ul.mainCats li a{
color: #272727;
text-transform: uppercase;
font-weight: 600;
font-size: 11px;
padding-left: 25px;
}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_art{color: #d693d0}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_fashion{color: #ba6bde}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_celebrity{color: #7a78e0}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_editorial{color: #b674ce}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_film{color: #69bd7c}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_illustration{color: #698bc3}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_post{color: #b7bd4e}
.heboWrap.indexnewssearch ul.mainCats li a.tagcolor_transportation{color: #6bb8b9}
.heboWrap.indexnewssearch ul.mainCats li a:hover{color: #272727;}
.heboWrap.ptfsearch{background-color: #9ba7c2; margin-top: -2em; padding-left: 0; margin-left: -15px; display: none;}
.heboWrap.ptfsearchnew{background-color: #768196; margin-top: -2.3em; padding-bottom: 16px; width: 95%}
.heboWrap.pinsearch{background-color: #7980B4;}
.heboWrap.jobsearch{background-color: #83b5b6; margin-top: -2em;}
.heboWrap.shopsearch{background-color: #e7a0ae;}
.heboWrap.nslsearch{background-color: #c8b5bb; margin-top: -30px; width: 95%}
.heboWrap.nslsearchsub{
background: rgba(0, 0, 0, 0) linear-gradient(to right, #e8d1d9, #f9f9f9) repeat scroll 0 0;
background: -webkit-linear-gradient(to right, #e8d1d9 , #f9f9f9);
background: -o-linear-gradient(to right, #e8d1d9 , #f9f9f9);
background: -moz-linear-gradient(to right, #e8d1d9 , #f9f9f9);
background: linear-gradient(to right, #e8d1d9 , #f9f9f9);
}
.heboWrap .buttonChoose{cursor: pointer;}
.heboWrap .buttonChoose:hover{color: #00c5cc;}
.heboWrap.indexnewssearch .buttonChoose{font-size: 80%; display: inline-block;}
.heboWrap label{
display: block;
font-size: 1em;
margin-top: 7px;
text-transform: uppercase;
}
.heboWrap .inputField{
font-family: "Nunito Sans", sans-serif;
background-color: #fff;
border: 1px solid #272727;
/*border-radius: 5px;*/
color: #272727;
font-size: 0.8em;
line-height: 18px;
padding: 5px 8px;
width:230px;
}
.heboWrap .inputField.transparentFiled{
font-weight: 700;
font-size: 0.9em;
background-color: transparent;
}
.heboWrap .inputField.transparentFiled:hover, .heboWrap .inputField.transparentFiled:active, .heboWrap .inputField.transparentFiled:focus{
border: 1px solid #00c5cc;
outline-color: transparent;
outline-style: none;
}
.heboWrap .inputField.transparentFiled.fontWhite{
color:#FFF;
border: 1px solid #FFF;
}
.heboWrap .inputField.transparentFiled.fontWhite:hover, .heboWrap .inputField.transparentFiled.fontWhite:active, .heboWrap .inputField.transparentFiled.fontWhite:focus{
border: 1px solid #00c5cc;
}
.heboWrap .selectBoxWrp {
background: white url("/images/default/down_arrow_select.png") no-repeat scroll right center;
border: 1px solid #272727;
/*border-radius:5px;*/
height: 28px;
overflow: hidden;
width: 240px;
}
.heboWrap .selectBoxWrp select.selectBox {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
font-size: 0.8em;
height: 28px;
line-height: 1;
padding: 5px;
width: 268px;
}
.heboWrap .selectBoxWrp select.selectBox.nlsearch{
width: 240px;
overflow: hidden;
text-overflow: ellipsis;
}
.heboWrap select.selectBox {
border: 0 none !important;
}
.heboWrap option {
border-bottom: 1px solid #cccccc;
padding: 10px 5px;
}
.heboWrap .selectBoxWrp.smallBox{width: 178px;}
.heboWrap .btnWrp{/*margin-top: 5px;*/margin-top: 2px;}
.heboWrap input.butStdrt{
color:#FFF;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
background-color:#00C5CC;
border:1px solid #00C5CC;
/*border-radius:5px;*/
border-radius: 0;
font-size: 0.9em;
/*padding:7px 15px 4px;*/
padding:4px 15px 4px 15px;
}
.heboWrap a.butStdrt{
display: block;
font-family: "Nunito Sans", sans-serif;
color:#FFF;
text-transform: uppercase;
background-color:#00C5CC;
border:1px solid #00C5CC;
/*border-radius:5px;*/
border-radius: 0;
font-size: 0.9em;
font-weight: 700;
padding:7px 15px 4px;
}
.heboWrap.imgsearch input.butStdrt {background-color: #53c5c3; border:1px solid #53c5c3;}
.heboWrap.imgsearch input.butStdrt:hover{background-color: #89c4bc; border:1px solid #00c5cc; color:#FFF;}
.heboWrap.memsearch input.butStdrt {background-color: #53c5c3; border:1px solid #53c5c3;}
.heboWrap.memsearch input.butStdrt:hover{background-color: #00c5cc; border:1px solid #00c5cc; color:#FFF;}
/*.heboWrap.blgsearch input.butStdrt {background-color: #53c5c3; border:1px solid #53c5c3;}
.heboWrap.blgsearch input.butStdrt:hover{background-color: #89c4bc; border:1px solid #00c5cc; color:#FFF;}*/
/*.heboWrap.ptfsearch input.butStdrt {background-color: #53c5c3; border:1px solid #53c5c3;}
.heboWrap.ptfsearch input.butStdrt:hover{background-color: #89c4bc; border:1px solid #00c5cc; color:#FFF;}*/
.heboWrap.pinsearch input.butStdrt {background-color: #53c5c3; border:1px solid #53c5c3;}
.heboWrap.pinsearch input.butStdrt:hover{background-color: #89c4bc; border:1px solid #00c5cc; color:#FFF;}
.heboWrap.shopsearch input.butStdrt {background-color: #53c5c3; border:1px solid #53c5c3;}
.heboWrap.shopsearch input.butStdrt:hover{background-color: #89c4bc; border:1px solid #00c5cc; color:#FFF;}
.heboWrap.nslsearch input.butStdrt{background-color: #53c5c3; border:1px solid #53c5c3;}
.heboWrap.nslsearch input.butStdrt:hover{background-color: #89c4bc; border:1px solid #00c5cc; color:#FFF;}
.heboWrap.nslsearch a.butStdrt{background-color: #53c5c3; border:1px solid #53c5c3;}/*#CC7ECA*/
.heboWrap.nslsearch a.butStdrt:hover{background-color: #89c4bc; border:1px solid #89c4bc; color:#FFF;}/*#B286B1*/
.heboWrap .switch {
position: relative;
display: inline-block;
width: 40px;
height: 24px;
margin-top: 3px !important;
}
.heboWrap .switch input {
opacity: 0;
width: 0;
height: 0;
}
.heboWrap .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #CCC;
-webkit-transition: .4s;
transition: .4s;
}
.heboWrap .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.heboWrap input:checked + .slider {background-color: #00c5cc;}
.heboWrap input:focus + .slider {box-shadow: 0 0 1px #00c5cc;}
.heboWrap input:checked + .slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
.heboWrap .slider.round {border-radius: 24px;}
.heboWrap .slider.round:before {border-radius: 50%;}
h1.catTitle.blogsResulBar{
background: #FFF;
color: #272727;
margin-bottom: 0;
}
h1.catTitle.portResulBar{
background: #FFF;
color: #272727;
margin-bottom: 0;
}
.blogportTagline.subCatLoc:after{
content: " \00BB ";
font-size: 1.4em;
color:#00c5cc;
}
/*potfolio search bar old*/
/*
.heboWrap.ptfsearch ul{
list-style: none;
padding: 0;
margin: 0.9em 0 0 0;
}
.heboWrap.ptfsearch li{
display: inline;
font-family: "Nunito Sans",sans-serif;
font-size: 0.9em;
font-weight: 700;
line-height: 0;
text-transform: uppercase;
}
.heboWrap.ptfsearch ul li a{
color: #FFF;
text-decoration: none;
padding:0.9em 1em 1em 1em;
background-color: #b69ac0;
}
.heboWrap.ptfsearch li:last-child a{
border-radius: 0;
}
.heboWrap.ptfsearch ul li.prtNavPlc1 a{background-color:#465060;}
.heboWrap.ptfsearch ul li.prtNavPlc2 a{background-color:#4d5768;}
.heboWrap.ptfsearch ul li.prtNavPlc3 a{background-color:#545e6f;}
.heboWrap.ptfsearch ul li.prtNavPlc4 a{background-color:#5b6678;}
.heboWrap.ptfsearch ul li.prtNavPlc5 a{background-color:#646e82;}
.heboWrap.ptfsearch ul li.prtNavPlc6 a{background-color:#6e798e;}
.heboWrap.ptfsearch ul li.prtNavPlc7 a{background-color:#768196;}
.heboWrap.ptfsearch ul li.prtNavPlc8 a{background-color:#7f8ba2;}
.heboWrap.ptfsearch ul li.prtNavPlc9 a{background-color:#8893ab;}
.heboWrap.ptfsearch ul li.prtNavPlc10 a{background-color:#909bb5;}
.heboWrap.ptfsearch ul li.prtNavPlc11 a{background-color:#96a3bd;}
.heboWrap.ptfsearch ul li a:hover{color: #FFF; background-color: #BCC7DD;}
*/
/* ./ potfolio search bar old*/
/*Menü Member Search*/
.heboWrap .searchMenuFirstLevel{
display: block;
-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
border: 1px solid #E5E5E5;
position: absolute;
top:180px;
background-color: #FFF;
min-width: 50%;
max-width: 1024px;
z-index: 100;
padding: 1em;
letter-spacing: 0;
margin-left: -13px;
}
.heboWrap .searchMenuFirstLevel .headline{
color: #00c5cc;
padding: 0 2em 1em 0;
/*border-bottom: 1px solid #CCC;*/
text-transform: uppercase;
/*margin-bottom: 1em;*/
}
.heboWrap .searchMenuFirstLevel .optionelements{
text-transform: uppercase;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li{
float: left;
width: 30%;
margin-right: 2%;
position: relative;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.fourCol li{
width: 22%;
}
.heboWrap .searchMenuFirstLevel .optionelements a{
color: #272727;
display: block;
padding: 0.5em 0.2em;
margin-bottom: 3px;
font-size: 1em;
}
.heboWrap .searchMenuFirstLevel .optionelements a:hover{
color: #00c5cc;
background-color: #F9F9F9;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.mainLocations{
border-bottom: 1px solid #ccc;
height: 30px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.mainLocations li{float: left; width: 23%;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li:hover ul.optionelementsSecondLevel{display: block !important;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel{
display: block;
float: none;
position: absolute;
background-color: #FFF;
z-index: 3;
left: 20px;
top:1.5em;
-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
border: 1px solid #ccc;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel li{
float: none;
width: auto;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel li a{
white-space: nowrap;
display: block;
padding-left: 1em;
padding-right: 1em;
text-transform: none;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel li a:focus{color:#489993;}
/*subcat >8 options*/
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel.twoCol{min-width: 400px;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel.twoCol li{
float: left !important;
width: 47%;
margin-right: 2%;
position: relative;
}
/*top categories, olway open*/
.topCategories{
/*margin-bottom: 20px;*/
}
.topCategoryWrp{
/*border-bottom: 1px solid #ccc;*/
margin-bottom: 10px;
/*padding-bottom: 10px;*/
background-color: #F9F9F9;
padding: 10px;
}
.topCategoryTitle{
color:#00c5cc;
margin-bottom: 5px;
display: inline;
}
.topCategoryTitle a{color:#00c5cc !important; display: inline !important;}
.topCategoryTitle a:hover{color:#272727 !important;}
.topCategoryItems{white-space: normal; display: inline;}
.topCategoryItems a{
display: inline !important;
white-space: normal;
text-transform: none;
color: #272727;
padding: 0 0.2em !important;
font-size: .8em;
line-height: 1.6em;
}
.mainCategoryItems{
padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #ccc;
}
.heboWrap .searchMenuFirstLevel .optionelements .mainCategoryItems a {
display: inline-block;
margin-right: 15px;
}
.heboWrap .searchMenuFirstLevel .optionelements .mainCategoryItems a:hover{background-color: #FFF;}
@media screen and (min-width: 1331px) {
.heboWrap.ptfsearch ul li a{/*padding:0.5em 1.2em 0.6em 1.2em;*/ padding:0.9em 1em 1em 1em;}
}
@media screen and (max-width: 1330px) {
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 1170px;
}
.dynamicContent{
margin-left: 15px;
}
.heboWrap .searchMenuFirstLevel{max-width: 960px; margin-left: 0;}
}
@media screen and (max-width: 1260px) {
.heboWrap.ptfsearch ul li a{/*padding:0.5em 1em 0.7em 1em;*/ padding:0.9em 0.8em 1em 0.8em;}
.heboWrap.ptfsearch li{font-size:0.9em;}
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 1110px;
}
.heboWrap .searchMenuFirstLevel{max-width: 900px;}
.heboWrap.indexnewssearch ul.mainCats li a{padding-left: 18px;}
}
@media screen and (max-width: 1200px) {
.heboWrap.ptfsearch ul li a{/*padding:0.6em 0.8em 0.7em 0.8em;*/ padding:0.9em 0.5em 1em 0.6em;}
.heboWrap.ptfsearch .selectBoxWrp.smallBox{width:150px;}
.heboWrap.ptfsearch .selectBoxWrp.smallBox .selectBox{width:125px;}
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 1010px;
}
.heboWrap .searchMenuFirstLevel{max-width: 800px;}
.heboWrap.indexnewssearch ul.mainCats li a{padding-left: 6px;}
}
@media screen and (max-width: 1100px) {
.heboWrap.ptfsearch ul li a{/*padding:0.8em 1em 0.8em 1em;*/ padding:1.1em 0.8em 1.3em 0.8em;}
.heboWrap.ptfsearch li{font-size:0.7em;}
.heboWrap.ptfsearch li{/*text-transform: none;*/}
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 890px;
}
.heboWrap .inputField{width: 160px;}
.heboWrap .selectBoxWrp.smallBox{width:130px;}
.heboWrap .selectBoxWrp select.selectBox{width:135px;}
.heboWrap input.butStdrt{letter-spacing: 0;}
.heboWrap .searchMenuFirstLevel{max-width: 680px;}
.heboWrap.indexnewssearch ul.mainCats li a{
font-size: 0.8rem;
padding-left: 7px;
font-weight: 600;
}
}
@media screen and (max-width: 985px) {
.heboWrap.ptfsearch ul li a{/*padding:0.8em 1em 0.8em 1em;*/ padding:1.1em 0.7em 1.3em 0.7em;}
.heboWrap.ptfsearch .selectBoxWrp.smallBox .selectBox{font-size: 0.7em;}
.heboWrap.ptfsearch .selectBoxWrp.smallBox{width:130px;}
.heboWrap.ptfsearch .selectBoxWrp.smallBox .selectBox{width:115px;}
.heboWrap.ptfsearch input.butStdrt{padding:3px 5px; font-size:0.7em;}
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 795px;
}
.heboWrap .searchMenuFirstLevel{max-width: 600px;}
.heboWrap .searchMenuFirstLevel .optionelements a{font-size: 0.8em;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel.twoCol{min-width: 260px;}
.heboWrap.indexnewssearch ul.mainCats li a{
font-size: 0.7rem;
padding-left: 4px;
font-weight: 600;
}
/*used in register category / loocation*/
.twothirdBoxLftBordered{
float: none;
width:100%;
margin-right: 0;
padding-right: 0;
border-right: none;
border-bottom: 1px dashed #CCC;
margin-bottom: 30px;
padding-bottom: 30px;
}
.onethirdBoxRgtBordered{
float: none;
width:100%;
}
}
@media screen and (max-width: 900px) {
.heboWrap.ptfsearch ul li a{/*padding:0.8em 1em 0.8em 1em;*/ padding:1.1em 1em 1.3em 1em;}
.heboWrap.ptfsearch li{font-size:0.6em; text-transform: none;}
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 710px;
}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.mainLocations{height: 100px;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.mainLocations li{float: left; width: 98%;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.fourCol li{float: left; width: 30%;}
.heboWrap.indexnewssearch ul.mainCats{margin-top: 15px;}
.heboWrap.indexnewssearch ul.mainCats li a{
font-size: 1rem;
padding-left: 4px;
}
}
@media screen and (max-width: 800px) {
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 560px;
}
li.between{width: 22%;}
/*subcat >8 options*/
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel.twoCol{min-width: 150px;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel li ul.optionelementsSecondLevel.twoCol li{
float: none !important;
width: 100%;
margin-right: 0;
}
}
@media screen and (max-width: 750px) {
.heboWrap .searchMenuFirstLevel{max-width: 450px;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.fourCol li{width: 47%}
.heboWrap .buttonChoose{font-size: 0.8em;}
.heboWrap .inputField.transparentFiled{font-size: 0.8em; padding: 3px 8px; line-height: 16px;}
.heboWrap input.butStdrt{font-size: 0.8em; padding: 2px 15px 2px 15px;}
.heboWrap .toggleshop{font-size: 0.8em;}
.heboWrap .switch{height: 16px; width: 32px;}
.heboWrap .slider:before{
height: 12px;
width: 12px;
left: 2px;
bottom: 2px;
}
.heboWrap .mrgRgt2em{margin-right: 1em;}
.heboWrap input.inputField.transparentFiled.fontWhite{
max-width: 120px;
text-overflow: ellipsis;
}
.mainCategoryItems{margin-bottom: 20px;}
.heboWrap .searchMenuFirstLevel .optionelements .mainCategoryItems a {
display: block;
margin-bottom: 0;
padding-bottom: 3px;
}
.heboWrap.indexnewssearch ul.mainCats li a{
font-size: 0.8rem;
padding-left: 4px;
}
}
@media screen and (max-width: 645px) {
.bigNewsItemImageBox.bigImage img{
max-height: 1000px;
max-width: 350px;
}
li.between{width: 15%;}
}
@media screen and (max-width: 520px) {
li.between{display: none;}
.heboWrap .searchMenuFirstLevel ul.optionelementsFirstLevel.fourCol li{width: 100%; margin-right: 0;}
}
/*TAG BARs for all searches*/
.searchTagBar{
/*font-family: "Oswald",sans-serif;*/
font-family: "Nunito Sans",sans-serif;
text-transform: uppercase;
margin-left: 10px;
}
.searchTagBar .searchTagBarTopCatName, .searchTagBar .searchTagBarTopCatClear{display: inline-block;}
.searchTagBar .searchTagBarTopCatName{
font-size: 0.9em;
/*font-weight: 400;*/
font-weight: 700;
background-color: #FFF;
color: #272727;
border: 1px solid #FFFFFF;
line-height: 1em;
letter-spacing: 1px;
margin-right: 1em;
margin-top: 20px;
}
.searchTagBar .searchTagBarTopCatClear{
background-color: #FFF;
color: #A1CCCD;
font-size: 0.9em;
font-weight: 400;
line-height: 1em;
letter-spacing: 1px;
}
.searchTagBar .searchTagBarTopCatClear a{color:#A1CCCD;}
.searchTagBar .searchTagBarTopCatClear a:hover{color:#272727;}
.searchTagBar .singleTag{
margin-top: .2em;
display: inline-block;
height: 1.2em;
margin-bottom: .7em;
}
.searchTagBar .singleTag a{
background-color: #FFF;
color: #272727;
border: 1px solid #272727;
padding: 0.2em 0.5em;
/*border-radius: 5px;*/
/*font-size: 0.9em;*/
font-weight: 400;
font-size: 0.8em;
line-height: 1em;
letter-spacing: 1px;
}
.searchTagBar .singleTag a:hover{
background-color: #A1CCCD;
color: #272727;
border: 1px solid #A1CCCD;
}
.searchTagBar .singleTag.active a{
background-color: #A1CCCD;
color: #272727;
border: 1px solid #A1CCCD;
}
.searchTagBar .singleTag.active a:hover{
color: #FFFFFF;
}
/*TAG Buttons in Result-Cards for all Searches*/
.singleCardTagTitle{
font-family: "Oswald",sans-serif;
text-transform: uppercase;
font-weight: 400;
}
a.singleCardTag{
font-family: "Nunito Sans",sans-serif;
text-transform: uppercase;
background-color: #d4e6e6;
color: #272727 !important;
border: 1px solid #d4e6e6;
font-size: 0.7rem;
font-weight: 700;
line-height: 2.2em;
letter-spacing: 1px;
padding: 2px 0.5em 0 0.5em;
margin-right: 2px;
}
/*a.singleCardTag:hover{color: #FFFFFF !important;}*/
a.singleCardTag.colorLocation{
background-color: #e5ede2;
border: 1px solid #e5ede2;
}
a.singleCardTag.colorLocation:hover{color: #a8cda4;}
/*imagesearch dynamic content */
.imgResultBar{
color: #272727;
/*font-family: "Oswald",sans-serif;
font-size: 1.2em;
font-weight: 200;*/
font-family: "Nunito Sans",sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 2em;
margin-top: -38px;
padding: 10px 0 0 3px;
text-transform: uppercase;
}
.imgResultBar a{color: #00c5cc;}
.imgResultBar a:hover{color: #272727;}
.imgsearchtext {
/*background: transparent url("img/opacity60wt.png") repeat scroll 0 0;*/
/*font-family: "Oswald",sans-serif;*/
font-family: "Nunito Sans",sans-serif;
font-size: 18px;
line-height: 1.4em;
/*font-weight: 200;*/
font-weight: 700;
left: 5%;
padding: 10px;
position: absolute;
text-align: left;
text-transform: uppercase;
top: 20px;
width: 85%;
z-index: 81;
}
.imgName{
float: left;
width: 90%;
margin-right: 1%;
}
.imgName a{
background-color: #FFF;
color:#272727;
padding:0 5px;
display:block;
}
.imgName a:hover{
color:#00c5cc;
}
.imgInfoCLose{
float: right;
width: 5%;
background-color: #FFF;
color:#272727;
padding: 0 4px 0 2px;
}
.imgInfoCLose:hover{color: #00C5CC;}
.imgsearchtext .smaller a{
font-size:0.9em;
color:#FFF;
/*text-shadow: 1px 1px 1px #272727;*/
background-color: #272727;
padding:0 5px;
}
.imgsearchtext .smaller a:hover{
background-color: #FFF;
color:#272727;
text-shadow: none;
}
.imgsearchtext .smaller a.coloralert{
color:#F00;
background-color: #FFF;
text-shadow: none;
}
.imgsearchtext .smaller a.coloralert:hover{
color:#F00;
background-color: pink;
}
.imgSearchInfobutton{
display: block;
z-index: 80;
position: relative;
/*font-family: "Oswald", sans-serif;*/
font-family: "Nunito Sans", sans-serif;
text-align: center;
font-weight: 700;
font-size: 12px;
line-height: 12px;
letter-spacing: 1px;
color: #272727;
text-transform: uppercase;
padding-bottom: 5px;
margin-bottom: 15px;
border-bottom: 1px dotted #CCC;
cursor: pointer;
}
.imgSearchInfobutton:hover{color: #272727;}
.imgSearchInfoArrow{
margin-top: -10px;
margin-bottom: 6px;
}
.imgSearchInfoArrow img{width: 100%; height: auto}
.imgsearchCredWrp{
font-size: 12px;
line-height: 1.5em;
padding: 10px;
overflow: hidden;
text-overflow: ellipsis;
}
.imgsearchCredWrp a.shopTags{
font-family: "Pontano Sans", arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #BBB;
padding-right: 0.5em;
white-space: nowrap;
}
.imgsearchCredWrp a.shopTags:hover{
color: #272727;
}
.imgsearchCredWrp p.imgDesc{
font-size: 1.2em;
line-height: 1.6em;
padding: 0.5em 0;
}
.imgsearchCredWrp .adminEditImgCat{
font-family: "Nunito Sans",sans-serif;
/*background-color: #A1CCCD;
border: 1px solid #A1CCCD;*/
background-color: #d4e6e6;
border: 1px solid #d4e6e6;
border-left: none;
font-size: 0.7rem;
font-weight: 700;
line-height: 2.2em;
letter-spacing: 1px;
padding: 2px 0 0 0;
margin-right: 2px;
}
.imgsearchCredWrp .adminEditImgCat input{
height: 12px;
}
.adminEditImgToolbar{
display: none;
font-size: .8em;
text-align: center;
background-color: rgba(0, 197, 204, .5);
color: #fff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
text-transform: uppercase;
position: fixed;
z-index: 30000;
top:40px;
left: 0;
width: 100%;
font-weight: bold;
padding: 30px 0;
-webkit-animation: bounce 1.2s ease-out;
-moz-animation: bounce 800ms ease-out;
-o-animation: bounce 800ms ease-out;
animation: bounce 1.2s ease-out;
}
.adminEditImgToolbar button{
background-color: #FFF;
border: 1px solid #272727;
text-transform: uppercase;
padding: 1em 2em;
font-weight: 700;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}
.adminEditImgToolbar button:hover, .adminEditImgToolbar button:focus, .adminEditImgToolbar button:active{
background-color: deeppink;
color: #FFF;
}
/* Webkit, Chrome and Safari */
@-webkit-keyframes bounce {
0% {-webkit-transform:translateY(-100%);}
5% {-webkit-transform:translateY(-100%);}
15% {-webkit-transform:translateY(0); padding: 4px auto;}
20% {-webkit-transform:translateY(-80%);}
25% {-webkit-transform:translateY(0%);padding: 4px auto;}
30% {-webkit-transform:translateY(-70%);}
35% {-webkit-transform:translateY(0%);padding: 5px auto;}
40% {-webkit-transform:translateY(-60%);}
45% {-webkit-transform:translateY(0%);padding: 5px auto;}
50% {-webkit-transform:translateY(-50%);}
55% {-webkit-transform:translateY(0%);padding: 6px auto;}
60% {-webkit-transform:translateY(-30%);}
65% {-webkit-transform:translateY(0%);padding: 6px auto;}
70% {-webkit-transform:translateY(-15%);}
75% {-webkit-transform:translateY(0);padding: 8px auto;}
80% {-webkit-transform:translateY(-10%);}
85% {-webkit-transform:translateY(0);padding: 8px auto;}
90% {-webkit-transform:translateY(-5%);}
95% {-webkit-transform:translateY(0);padding: 10px;}
100% {-webkit-transform:translateY(0);padding: 10px;}
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
0% {-moz-transform:translateY(-100%);opacity: 0;}
5% {-moz-transform:translateY(-100%);opacity: 0;}
15% {-moz-transform:translateY(0);padding-bottom: 5px;}
30% {-moz-transform:translateY(-50%);}
40% {-moz-transform:translateY(0%);padding-bottom: 6px;}
50% {-moz-transform:translateY(-30%);}
70% {-moz-transform:translateY(0%);padding-bottom: 7px;}
80% {-moz-transform:translateY(-15%);}
90% {-moz-transform:translateY(0%);padding-bottom: 8px;}
95% {-moz-transform:translateY(-10%);}
97% {-moz-transform:translateY(0%);padding-bottom: 9px;}
99% {-moz-transform:translateY(-5%);}
100% {-moz-transform:translateY(0);padding-bottom: 9px;opacity: 1;}
}
/* Opera 12.0 */
@-o-keyframes bounce {
0% {-o-transform:translateY(-100%);opacity: 0;}
5% {-o-transform:translateY(-100%);opacity: 0;}
15% {-o-transform:translateY(0);padding-bottom: 5px;}
30% {-o-transform:translateY(-50%);}
40% {-o-transform:translateY(0%);padding-bottom: 6px;}
50% {-o-transform:translateY(-30%);}
70% {-o-transform:translateY(0%);padding-bottom: 7px;}
80% {-o-transform:translateY(-15%);}
90% {-o-transform:translateY(0%);padding-bottom: 8px;}
95% {-o-transform:translateY(-10%);}
97% {-o-transform:translateY(0%);padding-bottom: 9px;}
99% {-o-transform:translateY(-5%);}
100% {-o-transform:translateY(0);padding-bottom: 9px;opacity: 1;}
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
0% {transform:translateY(-100%);opacity: 0;}
5% {transform:translateY(-100%);opacity: 0;}
15% {transform:translateY(0);padding-bottom: 5px;}
30% {transform:translateY(-50%);}
40% {transform:translateY(0%);padding-bottom: 6px;}
50% {transform:translateY(-30%);}
70% {transform:translateY(0%);padding-bottom: 7px;}
80% {transform:translateY(-15%);}
90% {transform:translateY(0%);padding-bottom: 8px;}
95% {transform:translateY(-7%);}
97% {transform:translateY(0%);padding-bottom: 9px;}
99% {transform:translateY(-3%);}
100% {transform:translateY(0);padding-bottom: 9px;opacity: 1;}
}
/*selectBoxDyn*/
.dynamicContent .selectBoxWrp {
background: white url("/images/default/down_arrow_select.png") no-repeat scroll right center;
border: 1px solid #272727;
/*border-radius:5px;*/
height: 28px;
overflow: hidden;
width: 240px;
}
.dynamicContent .selectBoxWrp select.selectBox {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
font-size: 0.8em;
height: 28px;
line-height: 1;
padding: 5px;
width: 268px;
}
.dynamicContent .selectBoxWrp select.selectBox.nlsearch{
width: 240px;
overflow: hidden;
text-overflow: ellipsis;
}
.dynamicContent select.selectBox {
border: 0 none !important;
}
.dynamicContent option {
border-bottom: 1px solid #cccccc;
padding: 10px 5px;
}
/*shop dynamic content */
.shopPromoIcon{
max-width: 100px;
position: relative;
top: -50px;
left: 70%;
margin-bottom: -65px;
}
.shopPromoIcon a, .shopPromoIcon a:hover, .shopPromoIcon a:focus, .shopPromoIcon a:active{border: none; text-decoration: none;}
@media screen and (max-width: 400px) {
.shopPromoIcon{
top: -30px;
left: 65%;
margin-bottom: -85px;
}
}
a.shopLink{color: #df778c; padding: 0 2px; font-family: "Nunito Sans", sans-serif; font-weight: 700;}
a.shopLink:hover{color: #FFF !important; background-color: #e7a0ae !important;}
a.shopLink.dark{color: #272727; font-family: "Nunito Sans", sans-serif; font-weight: 700;}
a.shopLink:hover{color: #df778c; background-color: #FFF}
.shopResultBar{
color: #272727;
/*font-family: "Oswald",sans-serif;
font-size: 1.1em;
font-weight: 200;*/
font-family: "Nunito Sans",sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 2em;
margin-top: -38px;
padding: 10px 0 0 3px;
text-transform: uppercase;
}
.shopTextBlock{
padding: 25px 15px 25px 15px;
font-size: 14px;
line-height: 1.4em;
font-family: "Pontano Sans", arial, sans-serif;
/*border-bottom: 1px dotted #ccc;*/
background-color: #FDF8F9;
margin: 20px;
box-shadow: 2px 2px 7px #ddd;
border-radius: 5px;
}
.shopTextBlock h2{
line-height: 1.4em;
color:#272727;
font-family: "Nunito Sans", sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 0.5em;
}
.shopTextBlock h2.shopOwnername{
color:#00C5CC;
font-family: "Nunito Sans", sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 0.7em;
}
.shopTextBlock h2.shopOwnername a{color:#00C5CC;}
.shopTextBlock h2.shopOwnername a:hover{color:#272727;}
.shopTextBlock h3{
font-size:0.9em;
color:#272727;
font-family: "Pontano Sans", arial, sans-serif !important;
text-transform: uppercase;
}
.shopTextBlock a.buttonbuy{
background-color: #FFF;
border: 1px solid #e7a0ae;
color:#e7a0ae;
padding: 0.3em 1.2em 0.1em 1.4em;
border-radius: 2px;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.shopTextBlock a.buttonbuy:hover{
background: #e7a0ae;
border: 1px solid #e7a0ae;
color: #FFF;
}
.shopTextBlock .infotxt{
color:#999;
font-style: italic;
font-size: 0.9em;
}
.shopTextBlock .ratingStars{color:#272727;}
.shopTextBlock a.ratingRevLink{
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
color:#272727;
text-transform: uppercase;
}
.shopTextBlock a.ratingRevLink:hover{color:#df778c;}
/*img thumb in shop modal*/
.shopModImgWrp{text-align: center; background-color: #F9F9F9; margin-bottom: 0.4em;}
.shopModImgWrp img{max-height: 150px; width: auto;}
.titleLine.shopModHeadline{line-height: 1.4em;}
/*shopSetDetailBox embedded in modal*/
.shopSetDetailBox{
color:#272727;
background-color: #F9F9F9;
margin-bottom: 1em;
padding: 1em;
font-size: 0.8rem;
line-height: 1.4em;
}
.shopSetDetailBox h5 {
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
font-size: 1em;
text-transform: uppercase;
margin-bottom: 0.5em;
}
.shopSetDetailPrice{
font-size: 1.2em;
line-height: 1.6em;
color: #df778c;
}
/*member about text embedded in modal*/
.memberAboutModal .shopModalText{
color:#272727;
font-size: 0.6em;
line-height: 1.6em;
}
.memberAboutModal .shopModalText a{color: #e7a0ae;}
.memberAboutModal .shopModalText a:hover{color: #df778c;}
.shopSetTextBox{
color: #272727;
font-family: 'Roboto Slab', serif;
font-size: 1em;
line-height: 1.6em;
}
.shopSetTextBox .lineHeightBigger{ line-height: 2.2em;}
.modalLayoutFront.reviewModal .imgWrp{
text-align: center;
max-height: 150px;
background-color: #F9F9F9;
}
.modalLayoutFront.reviewModal .imgWrp img{max-height: 150px; width:auto; max-width: 100%;}
.modalLayoutFront.reviewModal h3{
font-family: "Nunito Sans", sans-serif;
font-size: 1em;
font-weight: 700;
margin-top: 2em;
text-transform: none;
}
.modalLayoutFront.reviewModal .reviewLayerTxt{
font-family: 'Roboto Slab', serif;
font-weight: 300;
font-size: 0.7em;
letter-spacing: 0;
line-height: 1.6em;
text-align: left;
text-transform: none;
color: #272727;
}
.modalLayoutFront.reviewModal h3 a{color: #272727;}
.modalLayoutFront.reviewModal h3 a:hover{color:#00C5CC;}
.modalLayoutFront.reviewModal .horLine{
border:0;
border-top:1px dotted #CCC;
margin-top: 2em;
}
/*latestblogs dynamic content */
.blogWrp{
/*border: 0 none;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 2px 2px 4px rgb(204, 204, 204);
-moz-box-shadow: 2px 2px 4px rgb(204, 204, 204);
box-shadow: 2px 2px 4px rgb(204, 204, 204);*/
-webkit-box-shadow: 2px 2px 0 #E5E5E5;
-moz-box-shadow: 2px 2px 0 #E5E5E5;
box-shadow: 2px 2px 0 #E5E5E5;
border: 1px solid #E5E5E5;
max-width: 75%;
margin:0 auto 80px auto;
}
.blogAdditional{
text-align: right;
/*font-family: "Oswald",sans-serif;
font-weight: 200;
font-size: 12px;
line-height: 18px;*/
font-family: "Nunito Sans",sans-serif;
font-weight: 700;
font-size: .8em;
line-height: 1.6em;
text-transform: uppercase;
color: #6392B0;
padding:1em 2em;
}
.blogAdditional a{color: #6392B0;}
.blogAdditional a:hover{color: #272727;}
.blogItem{text-align: center; background-color: #F9F9F9;}
.blogItem a{color:#272727; font-size:0.8em;}
.blogItem img{max-width:100%; width:auto; height: auto;}
.blogText{
color: #272727;
font-size: 1em;
line-height: 1.5em;
text-align: left;
padding:0 2em;
}
.blogText h1{
/*font-family: "Oswald",sans-serif;
font-size: 1.2em;*/
font-family: "Roboto Slab", sans-serif;
font-size: 1.4em;
font-weight: 200;
/*letter-spacing: 0.1em;*/
line-height: 1.4em;
margin-bottom: 1em;
text-transform: uppercase;
}
.blogText h1 a{color:#6392B0;}
.blogText h1 a:hover{color:#272727;}
.editorTextHolder{overflow: hidden;}
.editorTextHolder p a, .editorTextHolder a{color:#6392B0 !important;}
.editorTextHolder p a:hover, .editorTextHolder a:hover{color:#FFF !important; background-color: #6392B0 !important;}
.editorTextHolder i{font-style: italic;}
.blogShow a{
color:#6392B0;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
}
.blogShow a:hover{color:#272727;}
/*membersearch dynamic content*/
h1.memberSearchResultBar{
color:#272727;
/*border-radius: 5px;*/
/*font-family: "Oswald",sans-serif;
font-size: 1.2em;
font-weight: 200;*/
font-family: "Nunito Sans",sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 1em;
/*margin-top: -36px;*/
margin-top: .5em;
margin-left: 10px;
padding: 10px 0 0 3px;
text-transform: uppercase;
}
.add_result{
font-family: "Oswald", sans-serif;
text-transform: uppercase;
line-height: 1.6em;
margin-left: 10px;
margin-bottom: 2em;
}
.add_result a{color:#00C5CC;}
.MSBox {
/*border-radius: 10px;
-webkit-box-shadow: 0 4px 7px #878787;
-moz-box-shadow: 0 4px 7px #878787;
box-shadow: 0 4px 7px #878787;*/
-webkit-box-shadow: 2px 2px 0 #E5E5E5;
-moz-box-shadow: 2px 2px 0 #E5E5E5;
box-shadow: 2px 2px 0 #E5E5E5;
border: 1px solid #E5E5E5;
color: #272727;
overflow: hidden;
padding: 0;
}
.MSBox .MScolorband {
color: #fff;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
font-size: 1em;
letter-spacing: 0.1em;
padding: 10px 12px;
}
.MSBox.premiumbox .MScolorband {background-color: #b39500;}
.MSBox.creativebox .MScolorband {background-color: #bbbbbb;}
.MSBox.premartistbox .MScolorband {background-color: #87cc96;}
.MSBox.clartistbox .MScolorband {background-color: #ffffff;}
h1.MSHeadline{
/*font-family: "Oswald", sans-serif;*/
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
font-size: 1.1em;
line-height: 1.4em;
margin: 15px;
}
h1.MSHeadline a{color: #272727;}
.MScompAdd{
/*font-family: "Roboto Slab", serif;*/
font-family: "Nunito Sans", sans-serif;
font-size: 0.7em;
line-height: 1.2em;
margin-top: 0.5em;
}
.MSInfo {
font-size:0.9em;
line-height: 1.6em;
padding: 10px 15px;
}
.MSBox p{padding-bottom: 10px;}
.MSBox p.lessLineHeight2{line-height:1em; padding-bottom:3px;}
.MSBox p a{color: #00C5CC; font-family: "Nunito Sans", sans-serif; font-weight: 700;}
.starBox, .connectBox{font-family: arial, Helvetica, Arial, sans-serif; text-transform: uppercase;}
a.conAkt{color:#8FAC7A;}
a.conPas{color:#CCC;}
a.updAkt{color:#A68A6C;}
a.updPas{color:#CCC;}
.cluetip-gosee{
-webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 0 4px 7px 0 rgba(0,0,0,0.4);
box-shadow: 0 4px 7px 0 rgba(0,0,0,0.4);
}
.cluetip-gosee a{
font-family: "Oswald", sans-serif;
font-weight: 200;
line-height: 1.8em;
color:#B39500;
}
/*tagged news dynamic content && tagges images in imagesearch*/
.TagNewsBox{
border-radius: 5px;
-webkit-box-shadow: 0 4px 7px #878787;
-moz-box-shadow: 0 4px 7px #878787;
box-shadow: 0 4px 7px #878787;
overflow: hidden;
}
.TagNewsBox img, .TagNewsBox video{
border-radius: 5px 5px 0 0;
}
.TagNewsBox h2 {
font-size: 1em;
line-height: 1.4em;
padding: 0.5em 1em 0.8em 1em;
font-weight: 200;
}
.TagNewsBox h2 a{color: #272727;}
.TagNewsBox h2 a:hover{color: #b09c5f;}
.TagNewsBox h2 strong, .TagNewsBox h2 b{font-weight: 600;}
.TagNewsBox .dotLine{border-bottom: 1px dotted #ccc; margin: 0 1em; line-height: 0;}
.TagNewsBox .tagBox{padding: 0 1em 1em 1em; margin-top: 0.5em;}
.tagInNewsbox{
/*font-size: 0.8em;*/
font-size: 0.7em;
text-transform: uppercase;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
line-height: 2.2em;
color:#272727 !important;
background-color:#d4e6e6 ;/*#A1CCCD*/
border:1px solid #d4e6e6;/*#A1CCCD*/
margin-right: 3px;
padding:2px 8px 1px 8px;
white-space: nowrap;
}
.tagInNewsbox:hover{
background-color: #A1CCCD;
}
.tagInNewsbox.colorLocation{
background-color: #e5ede2;
border:1px solid #e5ede2;
}
.tagInNewsbox.colorLocation:hover{
background-color: #a8cda4;
}
.tagInNewsbox.color2{
color:#FFF !important;
background-color: #CCB98A;
border:1px solid #CCB98A;
}
.tagInNewsbox.color2:hover{
color: #CCB98A !important;
background-color: #FFF;
}
/*filter options in news search*/
.searchFilterTag{
display: inline-block;
margin-top: 5px;
height: 2em;
}
.searchFilterTag a{
font-size: 1em;
text-transform: uppercase;
font-family: "Nunito Sans", sans-serif;
/*font-family: "Oswald", sans-serif;*/
font-weight: 700;
/*font-weight: 200;*/
line-height: 2.2em;
letter-spacing: 1px;
color: #FFF;
background-color: #aaa;
border:1px solid #aaa;
padding: 0.2em 0.5em 0.2em 0.8em;
/*border-radius: 5px;*/
}
.searchFilterTag span.bigTimes{
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 2.2em;
padding-left: 0.5em;
}
.searchFilterTag.col1 a{
background-color: #84B5B5;
border:1px solid #84B5B5;
}
.searchFilterTag.col2 a{
background-color: #b09c5f;
border:1px solid #b09c5f;
}
.searchFilterTag.col3 a, .searchFilterTag.col3 span.bigTimes{
background-color: #E9F3F4;
border:1px solid #E9F3F4;
color: #00c5cc;
}
/*
.streamTags .searchFilterTag{height: auto;}
.streamTags .searchFilterTag a{
font-size: 0.7em;
font-weight: 700;
color:#FFF;
background-color: #272727;
border: 1px solid #272727;
padding: 0.2em 0.5em 0em 0.5em;
}
.streamTags .searchFilterTag.colStream a{background-color: #272727; color:#FFF; border: 1px solid #FFF;}
.streamTags .searchFilterTag.colStream a:hover{background-color: #272727; color:#00c5cc; border: 1px solid #00c5cc;}
.streamTags .searchFilterTag.colStream.active a{background-color: #FFF; color: #272727; border: 1px solid #FFF;}
.streamTags .searchFilterTag.colStream.active a:hover{background-color: #00c5cc; color: #272727; border: 1px solid #00c5cc;}
.streamTags .searchFilterTag.activeinit a{background-color: #A1CCCD; color: #272727; border: 1px solid #A1CCCD;}
.streamTags .searchFilterTag.activeinit a:hover{background-color: #A1CCCD; color: #FFF; border: 1px solid #A1CCCD;}
.streamTags .searchFilterTag.colEditFlow a{
color: #272727; border: 1px solid #A1CCCD;
background: rgb(131,181,182);
background: -moz-linear-gradient(90deg, rgba(131,181,182,1) 0%, rgba(86,212,209,1) 50%, rgba(131,181,182,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(131,181,182,1) 0%, rgba(86,212,209,1) 50%, rgba(131,181,182,1) 100%);
background: -o-linear-gradient(90deg, rgba(131,181,182,1) 0%, rgba(86,212,209,1) 50%, rgba(131,181,182,1) 100%);
background: -ms-linear-gradient(90deg, rgba(131,181,182,1) 0%, rgba(86,212,209,1) 50%, rgba(131,181,182,1) 100%);
background: linear-gradient(90deg, rgba(131,181,182,1) 0%, rgba(86,212,209,1) 50%, rgba(131,181,182,1) 100%);
}
.streamTags .searchFilterTag.colEditFlow a:hover{color:#FFF;}
.flowTagWrp a.streamItemTags.active{
font-family: "Nunito Sans", sans-serif;
font-size: 0.7em;
font-weight: 700;
line-height: 2.2em;
letter-spacing: 1px;
background-color: #FFF;
color: #272727 !important;
border: 1px solid #FFF;
margin-right: 2px;
padding: 0.2em 0.5em 0 0.5em;
text-transform: uppercase;
white-space: nowrap;
}
.flowTagWrp a.streamItemTags.active:hover{background-color: #00C5CC; border: 1px solid #00C5CC; color: #272727 !important;}
.flowTagWrp a.streamItemTags{
font-family: "unito Sans", sans-serif;
font-size: 0.7em;
font-weight: 700;
line-height: 2.2em;
letter-spacing: 1px;
background-color: #272727;
color: #FFF !important;
border: 1px solid #FFF;
margin-right: 2px;
padding: 0.2em 0.5em 0 0.5em;
text-transform: uppercase;
white-space: nowrap;
}
.flowTagWrp a.streamItemTags:hover{background-color: #272727; border: 1px solid #00C5CC; color:#00C5CC !important;}
.flowTagWrp a.streamItemTagsAbo{
font-family: "Nunito Sans", sans-serif;
font-size: 0.7em;
font-weight: 700;
line-height: 1.7em;
letter-spacing: 1px;
background-color: #272727;
border: 1px solid #888 !important;
color: #888 !important;
margin-right: 2px;
padding: 0.2em 0.5em 0 0.5em;
text-transform: uppercase;
white-space: nowrap;
}
.flowProgressContTitle{
margin-top: 2px;
display: inline-block;
text-transform: uppercase;
font-family: "Nunito Sans", sans-serif;
}
.flowProgressBarWrp{
font-size: 1.2em;
color: #00C5CC;
line-height: 1em;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
}
.flowProgressBar{
float:left;
width: 56px;
height: 21px;
background: transparent url('/images/default/ajax_loader_flow.gif') no-repeat;
}
*/
/*pinbaords dynamic content*/
.PinBoardBox{
/*border-radius: 0 0 5px 5px;*/
/*-webkit-box-shadow: 0 5px 8px #878787;
-moz-box-shadow: 0 5px 8px #878787;
box-shadow: 0 5px 8px #878787;*/
-webkit-box-shadow: 2px 2px 0 #E5E5E5;
-moz-box-shadow: 2px 2px 0 #E5E5E5;
box-shadow: 2px 2px 0 #E5E5E5;
}
.PinBoardBox h1 {
font-family: "Pompiere",cursive;
font-size: 2.2em;
line-height: 1.4em;
font-weight: normal;
margin: 0.5em 0 0.5em 0;
}
.PinBoardBox.randcolor_0{border:1px solid #BFC28D;}
.PinBoardBox.randcolor_1{border:1px solid #6392b0;}
.PinBoardBox.randcolor_2{border:1px solid #bec6d3;}
.PinBoardBox.randcolor_3{border:1px solid #8988b4;}
.PinBoardBox.randcolor_4{border:1px solid #cab6d1;}
.PinBoardBox.randcolor_5{border:1px solid #d7cdd8;}
.PinBoardBox.randcolor_6{border:1px solid #b48dc6;}
.PinBoardBox.randcolor_7{border:1px solid #87cc96;}
.PinBoardBox.randcolor_8{border:1px solid #bcd3b7;}
.PinBoardBox.randcolor_9{border:1px solid #80c08e;}
.PinBoardBox.randcolor_10{border:1px solid #caccb6;}
.PinBoardBox.randcolor_11{border:1px solid #d4d6cb;}
.PinBoardBox.randcolor_12{border:1px solid #bfc28d;}
.PinBoardBox.randcolor_13{border:1px solid #c8b5bb;}
.PinBoardBox.randcolor_14{border:1px solid #d1c8cb;}
.PinBoardBox.randcolor_15{border:1px solid #f98cb0;}
.PinBoardBox h1.randcolor_0, .PinBoardBox h1.randcolor_0 a, .PinBoardBox .pinInfo a.showLink.randcolor_0{color:#BFC28D;}
.PinBoardBox h1.randcolor_1, .PinBoardBox h1.randcolor_1 a, .PinBoardBox .pinInfo a.showLink.randcolor_1{color:#6392b0;}
.PinBoardBox h1.randcolor_2, .PinBoardBox h1.randcolor_2 a, .PinBoardBox .pinInfo a.showLink.randcolor_2{color:#bec6d3;}
.PinBoardBox h1.randcolor_3, .PinBoardBox h1.randcolor_3 a, .PinBoardBox .pinInfo a.showLink.randcolor_3{color:#8988b4;}
.PinBoardBox h1.randcolor_4, .PinBoardBox h1.randcolor_4 a, .PinBoardBox .pinInfo a.showLink.randcolor_4{color:#cab6d1;}
.PinBoardBox h1.randcolor_5, .PinBoardBox h1.randcolor_5 a, .PinBoardBox .pinInfo a.showLink.randcolor_5{color:#d7cdd8;}
.PinBoardBox h1.randcolor_6, .PinBoardBox h1.randcolor_6 a, .PinBoardBox .pinInfo a.showLink.randcolor_6{color:#b48dc6;}
.PinBoardBox h1.randcolor_7, .PinBoardBox h1.randcolor_7 a, .PinBoardBox .pinInfo a.showLink.randcolor_7{color:#87cc96;}
.PinBoardBox h1.randcolor_8, .PinBoardBox h1.randcolor_8 a, .PinBoardBox .pinInfo a.showLink.randcolor_8{color:#bcd3b7;}
.PinBoardBox h1.randcolor_9, .PinBoardBox h1.randcolor_9 a, .PinBoardBox .pinInfo a.showLink.randcolor_9{color:#80c08e;}
.PinBoardBox h1.randcolor_10, .PinBoardBox h1.randcolor_10 a, .PinBoardBox .pinInfo a.showLink.randcolor_10{color:#caccb6;}
.PinBoardBox h1.randcolor_11, .PinBoardBox h1.randcolor_11 a, .PinBoardBox .pinInfo a.showLink.randcolor_11{color:#d4d6cb;}
.PinBoardBox h1.randcolor_12, .PinBoardBox h1.randcolor_12 a, .PinBoardBox .pinInfo a.showLink.randcolor_12{color:#bfc28d;}
.PinBoardBox h1.randcolor_13, .PinBoardBox h1.randcolor_13 a, .PinBoardBox .pinInfo a.showLink.randcolor_13{color:#c8b5bb;}
.PinBoardBox h1.randcolor_14, .PinBoardBox h1.randcolor_14 a, .PinBoardBox .pinInfo a.showLink.randcolor_14{color:#d1c8cb;}
.PinBoardBox h1.randcolor_15, .PinBoardBox h1.randcolor_15 a, .PinBoardBox .pinInfo a.showLink.randcolor_15{color:#f98cb0;}
.PinBoardBox h1 a:hover, .PinBoardBox .pinInfo a.showLink:hover{color:#00C5CC;}
.pinInfo a.showLink{
display: block;
text-transform: uppercase;
margin-top:2em;
}
.PinBoardBox {
color: #272727;
font-family: "Nunito Sans", arial, sans-serif;
font-weight: 200;
font-size: 1em;
line-height: 1.4em;
}
.PinBoardBox .description {
color: #272727;
font-family: "Pompiere",cursive;
font-size: 20px;
line-height: 25px;
}
.PinBoardBox .PBBcontentWrp {
padding: 0 20px 20px 25px;
}
.pinInfo {
font-size:0.9em;
line-height: 1.5em;
padding: 10px 0;
}
.pinInfo a{color:#272727;}
.pinInfo a:hover{color:#00C5CC;}
.pinInfo strong{font-weight:600;}
.borTop {
border-top: 1px dotted #bfc28d;
margin-top: 15px;
width: 60%;
}
/*latest portfolios dynamic content*/
.portsWrp{
border: 0 none;
/*border-radius: 5px;
-webkit-box-shadow: 2px 2px 4px rgb(204, 204, 204);
-moz-box-shadow: 2px 2px 4px rgb(204, 204, 204);
box-shadow: 2px 2px 4px rgb(204, 204, 204);*/
-webkit-box-shadow: 2px 2px 0 #E5E5E5;
-moz-box-shadow: 2px 2px 0 #E5E5E5;
box-shadow: 2px 2px 0 #E5E5E5;
border: 1px solid #E5E5E5;
margin-bottom: 50px;
padding: 22px 10px 22px 20px;
}
.portsTxt, .portsTxtInfo{
font-family: "Nunito Sans",sans-serif;
font-size: 1em;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.6em;
text-transform: uppercase;
color:#9BA7C2;
}
.portsTxt a, .portsShow a{
color:#9BA7C2;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
}
.portsTxt a:hover, .portsShow a:hover{color:#272727;}
.portsTxtInfo{
font-family: "Nunito Sans", arial, sans-serif;
font-size: 0.7em;
color: #272727;
margin-bottom: 1em;
}
.portsTxtInfo a{color:#272727;}
.portsTxtInfo a:hover{color:#9BA7C2;}
.portsImgs img:hover{
opacity: 0.7;
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
.portsImgs img:hover:after{opacity: 1;}
/*creditmodal portfolios*/
.modalLayoutFront.portCreditModal{
width: 80%;
max-width: 800px !important;
padding: 0 !important;
}
.modalLayoutFront.portCreditModal h1{color:#B69AC0; text-transform: uppercase; padding:0.5em 0; text-align: center;}
.modalLayoutFront.portCreditModal .imgHolder{
width:100%;
max-width: 500px;
margin:0 auto;
}
.modalLayoutFront.portCreditModal .imgHolder.bigwidth{
width:100%;
max-width: 800px;
}
.modalLayoutFront.portCreditModal .imgHolder img{
width: 100%;
max-width: 500px;
height: auto;
}
.modalLayoutFront.portCreditModal .imgHolder.bigwidth img{
width: 100%;
max-width: 800px;
height: auto;
}
.portCreditModal table.credtable{margin-bottom: 50px;}
.portCreditModal table.credtable td a{color:#B69AC0;}
.portCreditModal table.credtable td a:hover{background-color:#B69AC0; color:#FFF !important;}
.portCredBox a{color:#B69AC0 !important;}
.portCredBox a:hover{color:#272727 !important;}
.portCredBox{
position: absolute;
top:80px;
left: 0;
background-color: #FFF;
padding: 15px 15px 15px 30px;
border-radius: 0 5px 5px 0;
width: 80%;
max-height: 400px;
overflow: scroll;
overflow-x: hidden;
opacity: 0.9;
}
.portCredBoxShow{
background-color: #fff;
border-radius: 0 5px 5px 0;
opacity: 0.9;
padding: 3px 8px 7px 7px;
position: absolute;
top: 80px;
}
/*newsletter dynamic content*/
.nltoggleButtonsTxt{
font-size: 1em;
color:#53c6c3;
font-weight: 500;
}
.nltoggleButtonsTxt button{
background-color: transparent;
border: none;
/*font-family: "Oswald", sans-serif;*/
font-family: "Nunito Sans", sans-serif;
font-size: 0.9em;
/*text-transform: lowercase;*/
text-transform: uppercase;
font-weight: 700;
padding: 0;
margin-right: -3px;
cursor: pointer;
color:#53c6c3;
text-decoration: none;
margin-top: 5px;
}
.nltoggleButtonsTxt button:hover, .nltoggleButtonsTxt button:active, .nltoggleButtonsTxt button:focus{
color: #272727;
}
.nltoggleButtons button{
font-size: 0.8em;
color:#FFF;
letter-spacing: 1px;
background-color: #53c5c3;
border: 1px solid #53c5c3;
font-family: Helvetica,Arial,sans-serif;
text-transform: uppercase;
font-weight: 500;
/*border-radius: 5px;*/
padding: 6px 8px 5px 8px;
}
.nltoggleButtons button:hover{
background-color:#89C4BC;
border: 1px solid #89C4BC;
}
.issueItemWrp{
/*border-radius: 10px;*/
/*-webkit-box-shadow: 0 4px 7px #878787;
-moz-box-shadow: 0 4px 7px #878787;
box-shadow: 0 4px 7px #878787;*/
border: 1px solid #E5E5E5;
-webkit-box-shadow: 2px 2px 0 #E5E5E5;
-moz-box-shadow: 2px 2px 0 #E5E5E5;
box-shadow: 2px 2px 0 #E5E5E5;
color: #272727;
overflow: hidden;
padding: 0;
}
.issueTopWrp{
padding: 0.7em 0.8em 0 0.8em;
letter-spacing: 0.1em;
}
.issueTopWrp h2{
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2em;
font-size: 0.9em;
}
.issueTopWrp h2 a{color: #272727;}
.issueTopWrp h2 a:hover{color: #c8b5bb;}
.issueImgWrp img{
/*border-radius: 5px 5px 0 0;*/
width: 100%;
height: auto;
}
.issueImgWrp.newsView img{border-radius: 0;}
.avatarWrp{
width: 70px;
margin-top:-40px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.avatarWrp img{
border-radius: 100px;
border:4px solid #FFF;
position: relative;
z-index: 1;
}
.issueTxtWrp{
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.6em;
}
.issueTxtWrp a{color:#53c6c3;}
.issueTxtWrp a:hover{color:#272727;}
.issueTxtWrp a.invers{color:#272727;}
.issueTxtWrp a.invers:hover{color:#53c6c3;}
.issueTxtWrp .tagInNewsbox{color:#FFF;}
.issueTxtWrp .tagInNewsbox:hover{color:#A1CCCD;}
.issueTxtWrp p.space{padding-bottom: 0.5em;}
h1.nlBoxHeadName, h1.nlBoxHeadTitle{
/*font-family: "Oswald",sans-serif;*/
font-family: "Nunito Sans",sans-serif;
font-weight: 200;
font-size: 1.6em;
line-height: 1.2em;
color: #272727;
}
h1.nlBoxHeadTitle{
font-size: 1.2em;
line-height: 1.6em;
}
h1.nlBoxHeadName a, h1.nlBoxHeadTitle a{color: #272727;}
h1.nlBoxHeadName a:hover, h1.nlBoxHeadTitle a:hover{color:#c8b5bb;}
h2.nlBoxHeadline{
font-family: "Nunito Sans",sans-serif;
font-weight: 700;
font-size: 1em;
line-height: 1.4em;
color: #c8b5bb;
margin-bottom: 0.3em;
text-transform: uppercase;
}
h2.nlBoxHeadline a{color: #c8b5bb;}
h2.nlBoxHeadline a:hover{color: #272727;}
h2.nlBoxHeadline.blue a{color: #53c6c3;}
h2.nlBoxHeadline.blue a:hover{color: #272727;}
h1.issueTitle{
/*color: #c8b5bb;*/
color: #53c5c3;
font-family: "Nunito Sans", sans-serif;
font-size: 1.4em;
line-height: 1.6em;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
/*-webkit-text-shadow: 1px 2px 1px #666;
-moz-text-shadow: 1px 2px 1px #666;
text-shadow: 1px 2px 1px #666;*/
margin: 0 0 20px 0;
}
h1.issueTitle a{
/*color: #c8b5bb;*/
color: #53c5c3;
}
h1.issueTitle a:hover{color: #666;}
.issueTitleLink{
font-size: 0.8em;
line-height: 2em;
white-space: nowrap;
font-family: "Nunito Sans", sans-serif;
text-shadow: none;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: #272727;
}
.issueTitleLink a{
color: #53c5c3;
}
.issueTitleLink a:hover{color: #272727;}
h2.issueSubtitle{
color: #c8b5bb;
font-family: "Oswald", sans-serif;
font-size: 1.6em;
font-weight: 200;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
-webkit-text-shadow: 1px 2px 1px #666;
-moz-text-shadow: 1px 2px 1px #666;
text-shadow: 1px 2px 1px #666;
margin: 0 0 60px 0;
}
.issueSubscribe{
font-family: "Nunito Sans", sans-serif;
font-size: 0.8em;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
margin: 0 0 20px 0;
}
.issueSubscribe a{
color: #53c6c3;
}
.issueSubscribe a:hover{
color: #272727;
}
.issueaboutLayerTxt{
font-family: 'Roboto Slab', serif;
font-weight: 300;
font-size: 0.65em;
letter-spacing: 0;
line-height: 1.6em;
text-align: left;
text-transform: none;
color: #272727;
}
.issueaboutLayerTxt a{color: #53c6c3;}
.issueaboutLayerTxt a:hover{color: #272727;}
.cluetip-nlavtip #cluetip-title #cluetip-close{display: none !important;}
.avatarBigWrp{
line-height: 0;
font-size: 0;
padding: 10px;
background-color: #FFF;
width: 100%;
-webkit-box-shadow: 0 4px 7px #878787;
-moz-box-shadow: 0 4px 7px #878787;
box-shadow: 0 4px 7px #878787;
border-radius: 5px;
}
@media screen and (max-width: 990px) {
.issueTitleBox .fltLft{float: none; display: block; text-align: center !important;}
.issueTitleBox .fltRgt{float: none; display: block; text-align: center !important; margin-right: 0;}
.issueTitleBox .issueTitle{margin-bottom: 0;}
.issueTitleBox .issueTitleLink{margin-bottom: 20px;}
}
/*jobs dynamic content*/
.jobsSelectBar{
background-color: #E9F3F4;
padding: 0.5em 1em;
border-radius: 5px;
}
.jobsSelectBar .hinttext{
font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
display: block;
font-size: 1em;
margin-top: 7px;
text-transform: uppercase;
color: #53c5c3;
}
.jobsSelectBar input.butStdrt{
font-family: Helvetica, Arial, sans-serif;
color:#FFF;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
background-color:#53c5c3;
border:1px solid #53c5c3;
/*border-radius:5px;*/
border-radius: 0;
font-size: 0.8em;
padding:6px 15px 5px;
}
.jobsSelectBar input.butStdrt:hover{background-color: #00c5cc; border:1px solid #00c5cc; color:#FFF;}
.jobsSelectBar a.butReset{
font-family: Helvetica, Arial, sans-serif;
color:#FFF;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
background-color:#ccc;
border:1px solid #ccc;
/*border-radius:5px;*/
border-radius: 0;
font-size: 0.8em;
/*font-weight: 200;*/
padding: 7px 15px;
display: inline-block;
}
.jobsSelectBar a.butReset:hover{background-color: #AAA; border:1px solid #AAA; color:#FFF;}
.jobsTitleBar{
margin-bottom: 1em;
margin-top: -36px;
padding: 10px;
line-height: 1em;
}
.jobsTitleBar h1{
color:#272727;
/*font-family: "Oswald",sans-serif;
font-size: 1.2em;
font-weight: 200;*/
font-family: "Nunito Sans",sans-serif;
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
}
.jobOffer a.butStdrt{
font-family: Helvetica, Arial, sans-serif;
color:#FFF;
text-transform: uppercase;
background-color:#53c5c3;/*FB868F*/
border:1px solid #53c5c3;/*FB868F*/
/*border-radius:5px;*/
font-size: 0.8em;
font-weight: 200;
padding:6px 15px 5px;
}
.jobOffer a.butStdrt:hover{background-color: #89c4bc; border:1px solid #00c5cc; color:#FFF;}/*FB6E80*/
.jobOfferTt{
font-family: "Oswald", sans-serif;
font-weight: 200;
line-height: 1.4em;
background-color: #FFF;
padding:15px;
border:1px solid #00C5CC;
border-radius: 5px;
-webkit-box-shadow:2px 2px 5px 1px #bbb;
-moz-box-shadow: 2px 2px 5px 1px #bbb;
box-shadow: 2px 2px 5px 1px #bbb;
}
.jobWrp li{
/*border: 0 none;
border-radius: 5px;
-webkit-box-shadow: 2px 2px 4px rgb(204, 204, 204);
-moz-box-shadow: 2px 2px 4px rgb(204, 204, 204);
box-shadow: 2px 2px 4px rgb(204, 204, 204);*/
-webkit-box-shadow: 2px 2px 0 #E5E5E5;
-moz-box-shadow: 2px 2px 0 #E5E5E5;
box-shadow: 2px 2px 0 #E5E5E5;
border: 1px solid #E5E5E5;
margin-bottom: 30px;
padding: 30px;
}
.jobImg{width:20%; margin-right: 5%;}
.jobTxt{width:50%; margin-right: 5%;}
.jobTools{width:20%;}
.jobTxt h2 {
font-family: "Nunito Sans",sans-serif;
font-size: 1.2em;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.6em;
margin-bottom: 1em;
text-transform: uppercase;
color:#83b5b6;
}
.jobTxt h2 a{color:#83b5b6;}
.jobTxt h2 a:hover{color:#272727;}
.jobTxt, .jobTools{
color: #272727;
line-height: 1.5em;
text-align: left;
}
.jobTools{font-weight: 200; text-transform: uppercase; line-height: 1.8em;}
.jobTxt a{color: #83b5b6;}
.jobTxt a:hover{color: #272727;}
.jobTools p a:hover, .jobTxt p a:hover{background-color: transparent;}
.jobinfoWrp {
display: block;
height: 100px;
overflow: hidden;
position: relative;
z-index: 1;
}
.jobGradient {
background: rgba(0, 0, 0, 0) linear-gradient(to top, #FFFFFF 15%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
background: -webkit-linear-gradient(to top, #FFFFFF 15%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(to top, #FFFFFF 15%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(to top, #FFFFFF 15%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to top, #FFFFFF 15%, rgba(255, 255, 255, 0) 100%);
height: 50px;
left: 0;
overflow: hidden;
position: absolute;
top: 50px;
width: 100%;
z-index: 90000;
}
.jobTxt a.butShow {
color: #83b5b6;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
}
.jobTxt a.butShow:hover{color:#272727;}
.jobTools p a{
color: #83b5b6;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 1.8em;
font-size: 1em;
}
.jobTools p a:hover{color: #272727;}
.toolPas, p a.toolPas{color:#CCC;}
p a.toolPas:hover{color:#CCC;}
.jobPagi{
margin:2em auto;
font-family: "Oswald", sans-serif;
font-size: 0.8em;
letter-spacing: 0.1em;
color:#272727;
width:25%;
min-width: 320px;
}
.jobPagi a{color:#83b5b6;}
.staticContent a.butBackJob{
background-color: #83B5B6;
border: 1px solid #83B5B6;
border-radius: 5px;
color: #fff;
font-size: 0.9em;
font-weight: 200;
text-transform: uppercase;
padding:5px 15px;
}
.jobOfferLft{
float: left;
width:60%;
padding-right: 10%;
border-right:1px dotted #CCC;
}
.jobOfferLft p a{color:#83B5B6;}
.jobOfferLft p a:hover{color:#272727;}
.jobOfferRgt{
float: right;
width:20%;
}
/*FRONT END EDIT*/
/*bouncing footer info - close edit mode*/
.animated {
-webkit-animation-duration: 3.5s;
animation-duration: 3.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: 3;
-webkit-animation-iteration-count: 3;
}
@-webkit-keyframes bounce {
0%{-webkit-transform: translateY(-20px);}
15%{-webkit-transform: translateY(0);}
25%{-webkit-transform: translateY(-10px);}
35%{-webkit-transform: translateY(0);}
40%{-webkit-transform: translateY(-5px);}
53%{-webkit-transform: translateY(0);}
56%{-webkit-transform: translateY(-2px);}
59%{-webkit-transform: translateY(0);}
}
@keyframes bounce {
0%{transform: translateY(-20px);}
15%{transform: translateY(0);}
25%{transform: translateY(-10px);}
35%{transform: translateY(0);}
40%{transform: translateY(-5px);}
53%{transform: translateY(0);}
56%{transform: translateY(-2px);}
59%{transform: translateY(0);}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
.fe-edit-footer{
position: fixed;
bottom: 0;
left: 30%;
width: 40%;
min-width: 300px;
background-color: #FD2094;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
box-shadow: 2px 2px 2px #ccc;
border-radius: 5px 5px 0 0;
}
.fe-edit-footer a{
display: block;
color: #FFFFFF;
margin: 1em;
}
/*edit buttons*/
button.fe-edit-btn{display: none;}
button.fe-edit-btn.standard{
background-color: #ED80B4;
color: #FFFFFF;
border: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 0.2em;
margin-right: 0.4em;
padding: 0.3em 1em 0.4em 1em;
border-radius: 3px;
box-shadow: 1px 1px 1px #333;
outline: 0;
}
button.fe-edit-btn.standard:active{box-shadow: inset 1px 1px 1px #333;}
button.fe-edit-btn.standard:disabled{background-color: #ccc;}
button.fe-edit-btn.standard.butSave{background-color: #10AA17;}
/*input fields*/
textarea.fe-edit-textarea{
font-family: "Roboto Slab", serif;
font-weight: 300;
border: 1px solid #ccc;
border-radius: 3px;
width: 100%;
height: 8em;
font-size: 1em;
}
input.fe-edit-inputfield, .datepicker.fe-edit-datepicker{
font-family: "Roboto Slab", serif;
font-weight: 300;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 0.8em;
padding: 0.1em 0 0.2em 1em;
}
.fe-edit-dropdown{
font-family: "Roboto Slab", serif;
font-weight: 300;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 0.8em;
padding: 0.1em 0 0.2em 1em;
}
/*kalender widget overwrite*/
.ui-widget-content{
font-family: "Pontano Sans",Helvetica,Arial,sans-serif !important;
background-image: none !important;
background-color: #FFF !important;
border:1px solid #E5E5E5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px;
box-shadow: 1px 1px 1px #333;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
color:#00c5cc !important;
background-image:none !important;
background-color:#FFF !important;
border-radius: 2px
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
border: 1px solid #272727 !important;
color: #272727 !important;
border-radius: 2px
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
border: 1px solid #272727 !important;
color:#FFF !important;
background-color:#00c5cc !important;
border-radius: 2px
}
.ui-datepicker .ui-datepicker-header{background-color:#E5E5E5 !important; background-image: none; border: none;}
.ui-datepicker .ui-datepicker-header .ui-icon, .ui-datepicker .ui-datepicker-header .ui-widget-content .ui-icon{color:#272727;}
.ui-datepicker td{padding: 2px;}
.ui-datepicker td a{padding: 4px;}
.ui-datepicker td a:hover{color:#272727 !important;}
/*box for extra fields to edit via frontend*/
.fe-edit-extrafieldbox.standard{
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 2px 2px 5px #CCC;
}
.fe-edit-extrafieldbox.standard h4{
text-align: center;
margin-bottom: 2em;
}
.fe-edit-extrafieldbox .dispTable{/*border-spacing:0 0.5em;*/}
.fe-edit-extrafieldbox .dispTableRow:hover{background-color: #E9E9E9;}
.fe-edit-extrafieldbox .dispTableCell{border-bottom: 1px dotted #ccc;}
.fe-edit-extrafieldbox .designationfiled{font-size: 0.8em; font-weight: 600;}
.fe-edit-extrafieldbox .datafield{font-size: 0.8em; max-width: 300px; overflow: hidden;}
.fe-edit-extrafieldbox .editfield{text-align: right; padding-bottom: 0.5em; padding-top: 0.5em;}
/*END : FRONT END EDIT*/
/*search - result*/
.globresultWrp{margin-left:0; margin-right: 0;}
@media screen and (max-width: 1390px) {
.globresultWrp{
margin-left:25px;
margin-right: 15px;
}
}
h2.advsearchhead{
color: #272727;
font-family: "Oswald",sans-serif;
font-size: 1.2em;
font-weight: 200;
letter-spacing: 0.1em;
line-height: 1.6em;
margin-bottom: 0.5em;
text-transform: uppercase;
}
.advSearchSubHeaderWrp{
float: left;
width:25%;
margin-right: 2%;
font-size: 0.9em;
line-height: 1.2em;
}
.advSearchSubHeaderWrp ul.toggle-list{
padding:2em 1em 1em;
box-shadow: 2px 2px 4px rgb(204, 204, 204);
border-radius: 0 0 5px 5px;
margin-top: -2px;
}
.advSearchSubHeaderWrp a{color: #89c4bc;}
.advSearchSubHeaderWrp input.butStdrt{
background-color: #89c4bc;
border:1px solid #89c4bc;
margin-top: 2em;
}
.advSearchSubHeaderWrp input.butStdrt:hover{
background-color: #FFF;
color:#89c4bc;
}
h2.advSearchSubHeader{
font-family: "Oswald",sans-serif;
font-size: 1.2em;
font-weight: 200;
letter-spacing: 0.1em;
line-height: 1.6em;
text-transform: uppercase;
border:1px solid #272727;
border-radius: 3px;
}
h2.advSearchSubHeader a{color: #272727; padding: 0 5px;}
h2.advSearchSubHeader a:hover{color: #89C4BC;}
h2.globresulthead{
color: #89C4BC;
font-family: "Oswald",sans-serif;
font-size: 1.2em;
font-weight: 200;
letter-spacing: 0.1em;
line-height: 1.6em;
margin-bottom: 1em;
text-transform: uppercase;
}
.globresultsshow{
margin-top:1em;
margin-bottom:5em;
text-transform: lowercase;
background-color: #E9F3F4;
padding: 10px;
border-radius: 5px;
}
.globresultsshow a{color: #89C4BC;}
.globresultsshow a:hover{color: #272727;}
ul.news_result_itemlist, ul.member_result_itemlist{
list-style-type: none;
padding: 0;
margin: 0;
}
ul.news_result_itemlist li, ul.member_result_itemlist li{
float: left;
margin-right: 1%;
position: relative;
margin-bottom: 15px;
border: 1px solid #E9E9E9;
border-radius: 5px;
padding: 5px;
}
ul.news_result_itemlist li{width: 30%;}
ul.member_result_itemlist li{width: 22%;}
ul.member_result_itemlist .preview-img{
height: 105px;
}
ul.member_result_itemlist li img{
max-width: 100%;
height: auto;
}
ul.news_result_itemlist .preview-img, ul.member_result_itemlist .preview-img{
background-color: #F9F9F9;
text-align: center;
}
ul.news_result_itemlist .preview-img video{
max-height: 150px;
width: auto;
max-width: 100%;
}
ul.news_result_itemlist .preview-img{height: 150px;}
ul.member_result_itemlist .preview-img{height: 105px;}
ul.news_result_itemlist li p.cat-date, ul.member_result_itemlist li p.cat-date{color:#b3b3b3; font-size:0.9em; margin-bottom: 0.2em;}
ul.member_result_itemlist li p.cat-date{height: 4em; line-height: 1.4em; overflow: hidden; text-overflow: ellipsis;}
ul.news_result_itemlist li h4, ul.member_result_itemlist li h4{
font-family: "Oswald",sans-serif;
font-size: 1em;
font-weight: 200;
letter-spacing: 0.1em;
line-height: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
}
ul.news_result_itemlist li h4{height: 3.2em;}
ul.member_result_itemlist li h4{height: 4.6em; overflow: hidden}
ul.news_result_itemlist li h4 a{color:#272727;}
ul.news_result_itemlist li h4 a:hover, ul.news_result_itemlist li h4 a:focus, ul.news_result_itemlist li h4 a:active{color:#89C4BC;}
ul.member_result_itemlist li h4 a{color: #89C4BC;}
ul.member_result_itemlist li h4 a:hover, ul.member_result_itemlist li h4 a:focus, ul.member_result_itemlist li h4 a:active{color: #272727;}
ul.news_result_itemlist li p.text, ul.member_result_itemlist li p.text{font-size:1em; line-height: 1.4em; height: 7em; overflow: hidden; text-overflow: ellipsis;}
ul.news_result_itemlist li p.text .highlight, ul.member_result_itemlist li p.text .highlight{background-color:#A4EBE1;}
ul#image-result-items{
margin-left: -15px;
}
ul#image-result-items li {
float: left;
height: 280px;
width: 20%;
margin: 15px 1% 25px 1%;
overflow: hidden;
position: relative;
border:1px solid #E9E9E9;
border-radius: 0 0 5px 5px;
}
ul#image-result-items li .preview-img{
background-color: #FFF;
text-align: center;
}
ul#image-result-items li .preview-img a{
display: block;
position: relative;
width: 100%;
height: 190px;
border-bottom:1px dotted #E9E9E9;
}
ul#image-result-items li .preview-img img{max-width: 100%;}
ul#image-result-items li.resultItemBox p{
padding: 10px 5px 5px 5px;
}
ul#image-result-items li.resultItemBox p a{color:#272727;}
ul#image-result-items li.resultItemBox p a:hover, ul#image-result-items li.resultItemBox p a:active, ul#image-result-items li.resultItemBox p a:focus{color:#89C4BC;}
@media screen and (max-width: 1100px) {
ul#image-result-items li{width: 30%;}
ul.news_result_itemlist li{width: 45%;}
ul.member_result_itemlist li{width: 30%;}
}
@media screen and (max-width: 900px) {
ul.member_result_itemlist li{width: 45%;}
}
@media screen and (max-width: 800px) {
ul#image-result-items li {width: 45%;}
}
@media screen and (max-width: 635px) {
}
@media screen and (max-width: 530px) {
ul#image-result-items li{width: 98%;}
ul.news_result_itemlist li{width: 98%;}
ul.member_result_itemlist li{width: 98%;}
}
/*SHOP IMAGEREQUEST LANDINGPAGE*/
.imgrequest button.butStdrt, .imgrequest a.butStdrt{
font-family: Helvetica, Arial, sans-serif;
color:#FFF;
text-transform: uppercase;
border-radius:5px;
font-size: 0.9em;
font-weight: 200;
padding:6px 15px 5px 10px;
border: none;
}
.imgrequest button.butStdrt.acpt{background-color:#80c08e;}
.imgrequest button.butStdrt.deny{background-color:#E53B35;}
.imgrequest a.butStdrt.colorShop{background-color:#e7a0ae;}
.imgrequest button.butStdrt:hover{background-color: #272727;}
.imgrequest a.butStdrt.colorShop:hover{background-color:#df778c;}
.imgrequest .shadowbox{
width:auto;
padding:2em 3em;
background-color:#FFF;
border-radius:5px;
color:#272727;
box-shadow: 1px 1px 3px #bbb;
-moz-box-shadow: 1px 1px 3px #bbb;
-webkit-box-shadow:1px 1px 3px #bbb;
}
.imgrequest .sublineinfo{font-size:1em !important; font-style: italic;}
.imgrequest .buttonWrp{margin: 0 auto; display: inline-block;}
#pagination {
background-color: #89c4bc;
padding: 4px;
border-radius: 3px;
text-align: center;
margin:20px 0;
}
#pagination li {
display: inline;
color: #FFF;
letter-spacing: 0.1em;
}
#pagination li a{color: #FFF;}
#pagination li.active a {color: #272727; font-weight: 600;}
#pagination li a:hover{color: #272727;}
/*img search contact modal*/
.gsContactModalImgWrp{
text-align: center;
margin-bottom: 1em;
}
.gsContactModalImgWrp img{
max-width: 300px;
width: 100%;
height: auto;
}
/*overlay und modal für img-search*/
#lb-overlay{
background-color: rgba(255, 255, 255, 0.75);
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.lb-center[id] {
position: fixed;
}
.lb-center {
height: auto;
overflow: hidden;
text-align: left;
width: 1008px;
z-index: 10001;
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
box-shadow: 1px 1px 5px 2px #888;
border-radius: 5px;
font-family: "Pontano Sans",Helvetica,Arial,sans-serif;
}
#lb-wrap{
height: 616px;
color: #272727;
width: 1008px;
z-index: 1000;
}
#lb-nav-btnClose {
display: block;
background-image: url("img/lb-close-white.gif");
height: 18px;
width: 62px;
position: absolute;
right: 10px;
}
.btn_addtomb_wrap {
background-color: #fff !important;
border: 1px solid #b3b3b3;
left: 10px;
opacity: 0.8;
padding: 2px 7px 2px 5px;
position: absolute;
top: 10px;
height: 19px;
}
a.btn_addtomb {
background: transparent url("img/btn_addtomoodboard.gif") no-repeat scroll 0 1px;
color: #666;
font-family: arial,helvetica,sans-serif;
height: 10px;
padding-left: 14px;
text-decoration: none;
width: 11px;
font-size: 12px;
}
a.btn_deleteImageSuperadmin {
color: #666;
font-family: arial,helvetica,sans-serif;
height: 10px;
padding-left: 2px;
text-decoration: none;
width: 11px;
font-size: 12px;
}
#lb-container-image {
width: 616px;
}
#lb-nav-left, #lb-nav-right, #lb-container-image, #lb-container-image-data {
display: inline;
float: left;
height: 616px;
}
#lb-container-image-data {
margin-left: 24px;
width: 288px;
overflow: scroll;
}
#lb-image-title {
font-size: 14px;
text-transform: uppercase;
line-height: 23px;
border-bottom: 1px solid #666;
margin-bottom: 16px;
margin-top: 86px;
}
#lb-container-image-data table th, #lb-container-image-data table td {
font-weight: normal;
text-align: left;
vertical-align: top;
}
#lb-container-image-data table th, #lb-container-image-data table td {
font-size: 13px;
padding-bottom: 12px;
padding-right: 8px;
}
#lb-container-image-data table th {
font-size: 11px;
text-transform: uppercase;
width: 120px;
}
#lb-image-wrap td {
height: 616px;
vertical-align: middle;
width: 616px;
}
#lb-container-image-data table td a {
color: #b39500;
}
#lb-customer_name-tr {
border-top: 1px solid #666;
margin-top: 6px;
padding-top: 18px;
font-size: 12px;
}
#lb-container-image-data a.link-person.whiteLayer {
background-image: url("img/link-person.gif");
background-repeat: no-repeat;
padding-left: 14px;
padding-right: 2px;
}
#lb-container-image-data a.link-person {
color: #b39500;
}
#lb-nav-left, #lb-nav-right {
width: 40px;
}
#lb-nav-right {
margin-top: -8px;
}
#lb-nav-left, #lb-nav-right, #lb-container-image, #lb-container-image-data {
display: inline;
float: left;
height: 616px;
}
#lb-nav-btnNext {
background: transparent url("img/lb-next-lo-white.gif") no-repeat scroll 0 center;
}
#lb-nav-btnPrev {
background: transparent url("img/lb-prev-lo-white.gif") no-repeat scroll 0 center;
}
#lb-nav-btnPrev, #lb-nav-btnNext {
height: 168px;
margin-top: 224px;
width: 40px;
}
.invertPrevButton {
background-image: url("img/lb-prev-lo-white.gif") !important;
}
#lb-pagination {
height: 56px;
}
#lb-pagination {
background-color: #FFF;
color: #272727;
font-size: 12px;
}
#lb-pagination a {
color: #272727;
padding: 0 4px;
}
#lb-pagination a:focus, #lb-pagination a:hover, #lb-pagination a:active, #lb-pagination a.act{
color:#FFF;
background-color: #272727;
}
.hidden {
display: block;
height: 0;
line-height: 0;
overflow: hidden;
width: 0;
}
/* ######### footer - old class/id names ######### */
#footer{color: #808080;
font-family: "Nunito Sans", sans-serif;
letter-spacing: 0.1em;
font-size: 10px;
font-weight: 700;
line-height: 16px;
text-align: center;
background-color: #fff;
border-top: 1px solid #e5e5e5;
clear: both;
padding: 5em 0 0em 0;
margin:2em 0 0em 0;
}
#footer a{color:#808080;}
/*#footer a:hover{color:#00C5CC;}*/
#footer a:hover{color:#fff;}
#footer .nav-footer {
padding: 20px 0 2px;
text-transform: uppercase;
}
#footer .nav-divider {
padding: 0 10px;
}
#footer #copyright {
color: #000;
padding: 15px 0;
background: #fff;
font-size: 13px;
}
#footer .dark-footer{
background: #000;
padding: 50px 0;
}
#footer .dark-footer a {
color: #fff;
font-size: 14px;
}
#footer .dark-footer .lang-nav-footer .langTxt{
font-size: 12px;
color: #fff;
}
#footer .dark-footer .lang-nav-footer a{
font-size: 12px;
margin: 0 3px;
}
#footer .dark-footer .nav-footer.lang-nav-footer{
padding: 50px 0 0 0;
}
.staticContent .redsmall{
color: #EC4638;
font-size: 20px;
font-weight: 600;
margin-bottom: 1em;
text-transform: uppercase;
}
a.redButton{
text-transform: uppercase;
background-color: #EC4638;
color:#FFF !important;
padding: 1em 1.5em;
border-radius: 5px;
box-shadow: 3px 3px 3px #000;
}
/* ######### end : footer - old class/id names ######### */
/*hint css*/
[data-hint] {
position: relative;
display: inline-block;
}
[data-hint]:before, [data-hint]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms; }
[data-hint]:hover:before, [data-hint]:hover:after {
visibility: visible;
opacity: 1; }
[data-hint]:hover:before, [data-hint]:hover:after {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms; }
[data-hint]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001; }
[data-hint]:after {
content: attr(data-hint);
background: #272727;
color: white;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap; }
[data-hint='']:before, [data-hint='']:after {
display: none !important; }
.hint--metanavi:before {
border-bottom-color: #272727; }
.hint--metanavi:before {
margin-top: -12px; }
.hint--metanavi:before, .hint--metanavi:after {
top: 100%;
left: 50%; }
.hint--metanavi:after, .hint--metanavi:before {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%); }
.hint--metanavi:after {
margin-left: -6px; }
.hint--metanavi:hover:after, .hint--metanavi:hover:before, .hint--metanavi:focus:after, .hint--metanavi:focus:before {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px); }
.goseeRed.hint--metanavi:after{font-size: 12px; text-transform: none; letter-spacing: 1px;}
.hint--streamAboTag:before {
border-bottom-color: #A1CCCD; }
.hint--streamAboTag:after {
background: #A1CCCD;
color:#272727;
}
.hint--streamAboTag:before {
margin-top: -12px; }
.hint--streamAboTag:before, .hint--streamAboTag:after {
top: 0;
left: 50%; }
.hint--streamAboTag:after, .hint--streamAboTag:before {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
transform: translateX(50%);
}
.hint--streamAboTag:after {
margin-left: -6px; }
.hint--streamAboTag:hover:after, .hint--streamAboTag:hover:before, .hint--streamAboTag:focus:after, .hint--streamAboTag:focus:before {
-webkit-transform: translateX(0) translateY(32px);
-moz-transform: translateX(0) translateY(32px);
transform: translateX(0) translateY(32px);
}