/*
Theme Name: Dmig Base
Theme URI: http://www.designmadeingermany.de
Description: Design made in Germany
Author: Martin Rack
Version: 1.0
Tags: -
*/





@font-face { 
  font-family: 'Harmonia';
  src: url('http://www.designmadeingermany.de/fonts/nimbus.eot');
  src: url('http://www.designmadeingermany.de/fonts/nimbus.eot?#iefix') format('embedded-opentype'), url('http://www.designmadeingermany.de/fonts/nimbus.woff') format('woff'), url('http://www.designmadeingermany.de/fonts/nimbus.ttf') format('truetype'), url('http://www.designmadeingermany.de/fonts/nimbus.svg#wf') format('svg'); 
  font-weight: bold;
  font-style: normal;
}

@font-face { 
  font-family: 'Nimbus';
  src: url('http://www.designmadeingermany.de/fonts/nimbus.eot');
  src: url('http://www.designmadeingermany.de/fonts/nimbus.eot?#iefix') format('embedded-opentype'), url('http://www.designmadeingermany.de/fonts/nimbus.woff') format('woff'), url('http://www.designmadeingermany.de/fonts/nimbus.ttf') format('truetype'), url('http://www.designmadeingermany.de/fonts/nimbus.svg#wf') format('svg'); 
  font-weight: 300;
  font-style: normal;
}

@font-face { 
  font-family: arial;
  src: url('http://www.designmadeingermany.de/fonts/arial-light.eot'); 
  src: url('http://www.designmadeingermany.de/fonts/arial-light.eot?#iefix') format('embedded-opentype'), url('http://www.designmadeingermany.de/fonts/arial-light.woff') format('woff'), url('http://www.designmadeingermany.de/fonts/arial-light.ttf') format('truetype'), url('http://www.designmadeingermany.de/fonts/arial-light.svg#wf') format('svg'); 
  font-weight: 300; 
  font-style: normal;
}

@font-face { 
  font-family: arial;
  src: local('arial'), local('arial.ttf');
  font-weight: normal; 
  font-style: normal; 
}

@font-face { 
  font-family: arial;
  src: local('arial'), local('arial.ttf');
  font-weight: bold; 
  font-style: normal; 
}


.deprecated::-webkit-scrollbar-thumb:vertical { width: 18px; background: #181818; }
.deprecated::-webkit-scrollbar-thumb:horizontal { height: 18px; background: #181818; }
.deprecated::-webkit-scrollbar { width: 18px; background: #e1e1e1; }


* { margin: 0; padding: 0; }
*:focus, *:active { outline: none; }


html {
background-color: #f1f1f1;
padding: 0 0px;
}
 
body { font-family: -apple-system, 'BlinkMacSystemFont', helvetica, arial, sans-serif; font-size: 100%; }

body {
line-height: 1.65;
font-weight: 300;
color: #181818;
overflow-y: scroll;
letter-spacing: 0.02em;
text-rendering: optimizeLegibility; 
ttext-shadow: 1px 1px 0 rgba(255,255,255,0.5);
wword-spacing: 1px;
}


.honey { display: none; }

.paper {
margin: 0 auto;
}

.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}


a, .mce-content-body a { color: #181818; text-decoration: none; }
a:hover, .mce-content-body a:hover { color: #999; }
a:active, .mce-content-body a:active { color: #181818; }
p a, ul a, ol a, .mce-content-body a { text-decoration: underline; }
ol a { display: block; }


a, a h2 {
-webkit-transition:color 400ms;
-moz-transition:color 400ms;
-o-transition:color 400ms;
transition:color 400ms;
}

a:hover {
-webkit-transition:color 0s;
-moz-transition:color 0s;
-o-transition:color 0s;
transition:color 0s;
}

img {  
  font-weight: 300;
  line-height: 3;  
  text-align: center;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

img:after {  
  content: " ";
  color: #181818;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  background: #fff url("http://slii.de/x/56dfc5731c169.png") center no-repeat;
  background-size: 32px;
}

p a:hover, ul a:hover { border-color: #bbb; }
p:hover, ul:hover, h2:hover, h3:hover {  }
a p:hover, a h2:hover, a h3:hover { cursor: pointer; }
a:hover h2, a:hover h3 { color: #555; }
a:active h2, a:active h3 { color: #181818; }
a img { border: none; }
a img:hover { }

.jury.item a { border: none; }

p.deeplink a, p.link a {
text-decoration: none;
}

.item p.vope {
padding: 0;
}

.item p.vope a {
display: block;
padding: 14px 20px;
border: none;
text-decoration: none;
}


#loadingrectangle { }

.advice-iframe-superbanner iframe { float: right; margin-right: 20px; }

.advice-iframe { margin-bottom: 20px; }

.advice-iframe iframe {
background: #fff !important;
}



#div-gpt-ad-401936869667303006-2 {
background: #fff !important;
border: solid 0px #fff !important;
margin-bottom: 25px;
}

.advice-iframe-top iframe {
overflow: hidden !important;
margin: 0 20px;
border: solid 20px #fff !important;
border-left: solid #fff 253px;
height: 90px !important;
width: 728px !important;
position: relative;
z-index: 999;
}


.advice-iframe-billboard iframe, .advice-iframe-billboard-2 iframe {
position: relative;
z-index: 10;
background: #fff !important;
border: solid 20px #fff !important;
width: 960px !important;
margin: 0 20px;
margin-bottom: 1px;
}
.advice-iframe-billboard-2.attachment-billboard iframe {
 margin-left: 0px;
 margin-bottom: 20px;
}

.advice-iframe-billboard-3 iframe {
position: absolute;
z-index: 10;
background: #fff !important;
border: solid 20px #fff !important;
width: 960px !important;
height: 250px !important;
margin-bottom: 20px;
}


.schriften a {
display: block;
}

.schriften p {
border-bottom: solid 20px #f1f1f1 !important;
}

.schriften img {
border-bottom: solid 1px #f1f1f1 !important;
background: transparent !important;
}

.schriften a:hover img {
opacity: 0.5;
}



.pinitbutton {
opacity: 0; position: absolute; width: 62px; height: 31px; background: transparent url(http://slii.de/x/515ee2e288050.png) center no-repeat; margin-top: 20px; margin-left: 558px;
-webkit-filter: grayscale(100%);
}

.pinit:hover .pinitbutton {
opacity: 0.75;
}

.pinit:hover .pinitbutton:hover {
opacity: 1;
cursor: pointer;
-webkit-filter: none;
}

.social {
float: right;
text-align: left;
z-index: 33;
position: relative;
}

.social span {
position: absolute;
font-size: 11px;
padding: 10px 10px;
z-index: 333;
line-height: 1;
margin-top: -76px;
margin-left: -50px;
background: #181818;
color: #fff;
border-radius: 4px;
width: 32px;
text-align: center;
font-weight: bold;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-ms-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
pointer-events: none;
display: none;
}




.social a:hover span {
opacity: 1;
-webkit-transition: opacity 0ms;
-moz-transition: opacity 0ms;
-ms-transition: opacity 0ms;
-o-transition: opacity 0ms;
transition: opacity 0ms;
}


.social span:after {
content:"";
position:absolute;
z-index: 33333333;
bottom:-5px;
left:16px;
border-width:10px 10px 0;
border-style:solid;
border-color:#181818 transparent;
display:block; 
width:0;
}


.social span.facebookcount {
margin-left: 2px;
width: 36px;
}

.social span.facebookcount:after {
left:20px;
}

.social span.googlecount {
margin-left: -3px;
width: 38px;
}

.social span.googlecount:after {
left:20px;
}

.social span.twittercount {
margin-left: -6px;
width: 33px;
}

.social span.twittercount:after {
left:18px;
}

.social span.rsscount {
margin-left: 2px;
width: 33px;
}

.social span.rsscount:after {
left:18px;
}


.navigation {
display: block;
background: #fff;
position: relative;
z-index: 12;
padding: 0 11px;
font-weight: 300;
margin: 0 20px;
-webkit-border-bottom-right-radiussss: 5px;
-webkit-border-bottom-left-radiussss: 5px;
-moz-border-radiussss-bottomright: 5px;
-moz-border-radiussss-bottomleft: 5px;
border-bottom-right-radiussss: 5px;
border-bottom-left-radiussss: 5px;
border-rradius: 3px;
}


.navigation .current-cat {
font-weight: bold;
}

.navigation br {
display: none;
}



.header a.whitelogo { display: none; }

.header {
height: 89px;
background: #fff;
margin: 0 20px;
overflow: hidden;
border-rradius: 3px;
position: relative;
z-index: 12;
}


.header a {
float: right;
border-left: solid 1px #f1f1f1;
width: 142px;
overflow: hidden;
}

.header a img {
width: auto;
opacity: 1;
margin-left: -1px;
-webkit-transition:opacity 800ms;
-moz-transition:opacity 800ms;
-o-transition:opacity 800ms;
transition:opacity 800ms;
}

.hhheader:hover a img {
opacity: 0.2;
-webkit-transition:opacity 0ms;
-moz-transition:opacity 0ms;
-o-transition:opacity 0ms;
transition:opacity 0ms;
}



.header:hover a img:hover {
opacity: 0.5;
-webkit-transition: opacity 0ms;
-moz-transition: opacity 0ms;
-o-transition: opacity 0ms;
transition: opacity 0ms;
}



.header a img {
margin: 0 auto;
}

.header a span {
display: block;
position: absolute;
top: -3200px;
left: -3200px;
height: 1px;
width: 1px;
}

.header a.logo, 
.header a.whitelogo {
float: left;
border: none;
}

.mobileshow { display: none; }
.mobilehide { display: block; }


.partnerundsponsoren img { opacity: 0.85; }

.partnerundsponsoren .logo img { opacity: 0.85; }

@media all and (max-width: 700px) {

.mobileshow { display: block; }
.mobilehide { display: none; }
.zoomicon { display: none; }

.header a.logo, 
.header a.whitelogo {
width: 600px;
}

}


.header a.logo img, 
.header a.whitelogo img {
width: 46px;
padding: 22px 20px; 
margin-left: 0;
}


.premiumpartner:hover {
opacity: 0.5;
}


.header a:active {
opacity: 1;
}



.ebene0 {
padding: 0;
}

.ebene0 a {
display: block; margin-bottom: 33px;
}

.ebene1 {
position: relative;
z-index: 14;
box-shadow: none;
background: #e4e4e4;
height: 52px;
overflow: visible;
border-bottom: solid 1px #f1f1f1;
border-radiussss: 5px;
}

@media all and (max-width: 1039px) {

.ebene1 { overflow: hidden; }
}


@media all and (max-width: 700px) {


.advice-iframe-superbanner, .advice, .advice-iframe-top, .advice-iframe-billboard, .advice-iframe-billboard-2, .advice-iframe-halfpage { display: none; }

.zoomnav { display: none; }
.social { display: none; }

.top { height: 0 !important; padding: 0 !important; }

body { overflow-x: hidden; }

}

.ebene2 {
border-bottom: solid 1px #f1f1f1;
background: #e4e4e4;
box-shadow: none;
height: 52px;
overflow: hidden;
border-radiussss: 5px;
}

.flex.navigation {
height: auto;
padding-bottom: 22px;
}

.flex.navigation a {
float: left;
height: 52px;
line-height: 52px;
padding: 0 9px;
margin-bottom: -22px;
}



.navigation a {
float: left;
height: 52px;
line-height: 52px;
padding: 0 9px;
}





.navigation a:hover {
color: #999;
}

.navigation a:active {
color: #181818;
}

.navigation a.current {
font-weight: bold;
}


.navigation a s {
text-decoration: none;
color: #d4d4d4;
}

.navigation a:hover s:hover {
coursor: default;
}

.navigation a:hover s {
color: #d4d4d4;
}


.webseitenrand {
background: #e4e4e4; padding: 10px; border: solid 10px #e4e4e4;
}


.webseitentext {
padding: 13px 0; background: #e4e4e4; border-top: solid 1px #f1f1f1;
}



.footernavigation {
display: block;
background: #e4e4e4;
overflow: hidden;
padding: 0 0;
font-weight: 300;
margin: 0 20px;
}


.footernavigation a {
float: left;
padding: 13px 20px;
}


.footernavigation .social a {
width: 139px;
border-left: solid 1px #f1f1f1;
}




.pagenavi {
display: block;
overflow: hidden !important;
font-weight: 300;
padding: 0 11px;
background: #e4e4e4;
height: 39px;
}

.pagenavi a.current {
font-weight: bold;
}

.pagenavi a, .pagenavi span {
height: 39px;
line-height: 37px;
font-weight: 300;
padding: 0 9px;
font-size: 19px;
float: left;
}

.pagenavi a:last-child {
float: none;
display: inline-block;
}

.pagenavi a.page {
font-size: 100%;
line-height: 40px;
}

.pagenavi span {
font-size: 100%;
line-height: 40px;
font-weight: bold;
}



.maincolumn.home .item.pagenavi, .maincolumn.home .item.pagenavi div, .thumbs .pagenavi {
height: auto;
}

.thumbs .pagenavi {
position: relative;
top: 10px;
margin-left: 10px;
margin-right: 10px;
}

.maincolumn.home .item.pagenavi a, .thumbs .pagenavi a {
height: 49px;
line-height: 47px;
padding: 0 11px;
float: right;
}

.maincolumn.home .item.pagenavi span, .thumbs .pagenavi span {
height: 49px;
line-height: 50px;
}



.maincolumn.home .item.pagenavi a.page, .thumbs .pagenavi a.page {
line-height: 50px;
float: left;
}




.navigation h1 {
font-size: 100%;
margin: 20px;
margin-bottom: 14px;
margin-top: 38px;
}


h1, h2, .h2, h3, h4 {
font-family: Harmonia, sans-serif;
color: #181818;
overflow: hidden;
letter-spacing: 0;
}

h1 b, h2 b, h3 b { position: fixed; top: -500px; left: -700px; }

small { display: block; }

b, strong {
font-weight: bold;
}

iframe { border: none; }

iframe,img,object,embed{display:block;}


.shadow {
border-rradius: 3px;
--webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--o-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
}


.stats {
background: #e4e4e4;
overflow: auto;
margin-bottom: 20px;
margin-top: -20px;
padding: 0 9px;
border-radiussss: 5px;
margin-top: -19px;
border-rradius: 3px;
}

.stats a, .stats span {
font-weight: 300; 
float: left;
padding: 0 11px;
height: 54px;
line-height: 54px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}


.stats a.current {
font-weight: bold;
}

.stats a:hover {
color: #999;
}

.stats a:active {
color: #181818;
}



h1 {
height: 207px;
font-size: 48px;
line-height: 1.1;
margin: 0;
color: #181818;
background: #e4e4e4;
padding: 14px 20px;
border-rradius: 3px;
position: relative;
z-index: 0;
margin-bottom: 1px;
font-weight: bold;
letter-spacing: -0.015em;
}

h1 div {
margin-left: -1px;
margin-top: -2px;
--webkit-transform:scale(1,1.0125);


}

h1 span {
display: block;
font-family: -apple-system, 'BlinkMacSystemFont', helvetica, arial, sans-serif;
font-weight: bold;
opacity: 0;
font-size: 100%;
margin-top: -10px;
line-height: 1.6;
}


.h1 a {
display: block;
margin: -12px -20px;
padding: 12px 20px;
}

h2 a:hover {
color: #999;
}


h2 a:active {

}


h2, .h2 {
font-size: 24px;
line-height: 1.3;
margin: 0;
font-weight: 700;
padding: 15px 20px;
padding-bottom: 13px;
border-bottom: solid 1px #f1f1f1;
font-weight: 700;
}


h1:first-letter,
h2:first-letter,
h3:first-letter { text-transform: uppercase; }


h2 a {
display: block;
margin: -13px -20px;
padding: 13px 20px;
}

h2 a:hover {
color: #999;
}


h2 a.partnerheader:hover {

cursor: default;
}

h2 a:active {

}

h3 {
font-size: 20px;
line-height: 1.45;
font-weight: bold;
margin: 0;
padding: 14px 20px;
border-bottom: solid 1px #f1f1f1;
}


h4 {
font-family: -apple-system, 'BlinkMacSystemFont', helvetica, arial, sans-serif;
font-size: 100%;
line-height: 1.55;
font-weight: 700;
margin: 0;
padding: 13px 20px;
border-bottom: solid 1px #f1f1f1;
}

h4 a {
display: block;
margin: -13px -20px;
padding: 13px 20px;
}

h4 a:hover {
color: #999;
}

h4 a:active {

}

#fixedbanner {
position: relative;
}

.fixed {
position: fixed !important;
display: block !important;
top: 20px;
}

.hidden {
display: none;
}

.verlosungen a:last-child {
border: none;
}


.item img, .item a img, .shadowimg {
width: 100%;
height: auto;
padding: 20px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-rradius: 3px;
--webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--o-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
}


.item a img.webseite, img.webseite {
background: #e4e4e4;
border-bottom: solid 1px #f1f1f1;
}

.text.item figure { display: block; }
.text.item figure img { margin: 0; padding: 20px; }
.text.item figure figcaption { font-size: 14px; color: #999; margin: 0; padding: 13px 20px; padding-top: 0; border-bottom: solid 1px #f1f1f1; }
.text.item figure br { display: none; }




.fixedlikebutton, .fixedplusbutton {
position: fixed;
bottom: -2px;
z-index: 100;
width: 340px;
margin-left: 680px;
border-rradius: 3px;
height: 55px;
padding: 17px 18px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: none;
--webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--o-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);

}

.fixedplusbutton {

}



.text.item {
z-index: 1;
position: relative;
}


.black.item {
background: #181818;
color: #fff;
}

.black.item h2, .black.item h2 a, .black.item p {
color: #ddd;
border-color: #333;
}

.black.item h2, .black.item h2 a, .black.item p strong, .black.item p b {
color: #fff;
}

.text.item img, .text.item a img {
border-radius: 0;
padding: 0; 
margin: 7px 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

.text object {
padding: 20px;
display: block;
border-bottom: solid 1px #eee;
}


.maincolumn.home .item a:hover p, .maincolumn.home .item a:hover h2, .maincolumn.home .item a p, .maincolumn.home .item a h2 {
border-color: #f1f1f1;
}

.text img, .text a img, .text iframe {
border: none;
padding: 0;
margin: 5px 0;
}

.item p, .mce-content-body p {
overflow: hidden;
padding: 13px 20px;
border-bottom: solid 1px #f1f1f1;
}

.mce-content-body, .mce-content-body p {
background: #e4e4e4;
}

.item p iframe {
margin: 5px 0;
overflow: hidden;
}

.text.item p:last-child, .mce-content-body p:last-child  {
border-bottom: none;
}

blockquote { border-bottom: solid 1px #f1f1f1; }

.item blockquote p {
padding: 34px 50px;
ttext-indent: -12px;
font-style: italic;
}

.item blockquote p:before { content: "\00BB\0020"; }
.item blockquote p:after { content: "\0020\00AB"; }

.item .last {
border: none;
}


ol, ul, li {
margin: 0;
padding: 0;

}



ul, ol {
overflow: hidden;
padding: 13px 20px;
border-bottom: solid 1px #f1f1f1;
ppadding-bottom: 6px;
}

ol {
list-style: decimal-leading-zero;
margin-left: 8px;
}

.text ul li:last-child {
margin-bottom: 0;
}

li {
margin-left: 18px;
padding-left: 3px;
margin-bottom: 7px;
}

ol li {
margin-bottom: 0;
}



.text ol li {
margin-left: 20px;
}


.partnerlogo {
height: 135px; margin-bottom: 20px; background: #e4e4e4;
border-rradius: 3px;
}

.partnerlogo img {
border-rradius: 3px;
}

.partnerlogo:hover img {
opacity: 0.55;
}

.partnerlogo b {
display: none;
}






.topjob {
top: 0; display: block; width: 605px; overflow: hidden; text-align: center; border: none; background: #181818; color: #fff; padding: 0 20px; padding-left: 15px; padding-top: 2px; height: 50px; line-height: 48px; margin: 0 20px; margin-top: -2px; color: rgba(255,255,255,0.5); border-bottom: solid 1px #333;
}

.topjob b {
color: #fff;
font-weight: 600;
margin: 0 5px;
-webkit-font-smoothing: antialiased;
}

.topjob:hover {
color: rgba(255,255,255,1);
}


@media all and (max-width: 700px) {

.topjob { width: auto; left: 0px; right: 0px; }
.recentfooterposts { display: none; }


.stats { display: none; }

}






@media all and (max-width: 600px) {




.ebene2, .single .ebene1, .single .ebene2, .single .ebene3 {
display: none;
}

.single .content { }

.navigation {
padding: 0;
}

.navigation a {
padding: 0 20px;
float: left;
width: 33.33%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #f1f1f1;
border-bottom: solid 1px #f1f1f1;
}

.navigation.ebene0 a {
padding: 0 9px;
float: left;
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-right: none;
border-bottom: none;
}

.ebene1 { height: auto; }
.ebene1 span { display: none; }

}




@media all and (max-width: 400px) {

.navigation a {
width: 50%;
}

}




@media all and (min-width: 0px) {



.content {
padding: 20px;
padding-bottom: 0;
overflow: hidden;
}

.gallery {
padding-bottom: 0px;
}

.gallery img {
 background: #fff url(http://www.designmadeingermany.de/sites-we-like/loading.gif) center no-repeat;
}

.gallery img {
background: #fff;
width: 100%;
height: auto;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
border-radiussss: 5px;
border-rradius: 3px;
--webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--o-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
}



.zoom a img {
display: block;
background: #fff;
width: 100%;
height: auto;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
border-radiussss: 5px;
border-rradius: 3px;--webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--o-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
}


@media all and (min-width: 700px) {

.bigcolumn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 1000px;
margin: 0;
padding-left: 0px;
float: left;
overflow: visible;
}

}


.maincolumn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-left: 0px;
float: left;
overflow: visible;
max-width: 680px;
}

.sidebar {
float: right;
width: 320px;
padding-left: 20px;

}

.littlebar {
display: none;
float: right;
width: 200px;
padding-left: 20px;
}

.item {
margin-bottom: 20px;
background: #e4e4e4;
border-radiussss: 5px;
overflow: visible;
border-rradius: 3px;
}

.text {
background: #fff;
border-radiussss: 5px;
border-rradius: 3px;--webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--o-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
}

.video {
background: #fff;
margin-bottom: 20px;
border: solid 20px #fff;
position: relative;
padding-bottom: 45.3%;
padding-top: 47px;
height: 0;
overflow: hidden;
border-radiussss: 5px;
}



.video iframe,  
.video object,  
.video embed,  
.video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





}


@media all and (min-width: 700px) {

.topjob { width: 965px; }

}


@media all and (min-width: 1040px) {

.zoom { display: block; }
.zoomnav { display: block; }

.maincolumn.home .item {

overflow: visible;
}

.maincolumn.home .item:first-child {
height: auto;
}

.maincolumn.home .item img {
height: 240px;
width: auto;
float: left;
}

.maincolumn.home .item div {
height: 220px;
overflow: hidden;
}



.maincolumn.home .item p {

overflow: hidden;
}


.maincolumn.home .item p {


}

}





@media all and (min-width: 700px) {


.paper {
min-width: 1040px;
}


.maincolumn {
padding-left: 0;
padding-right: 0;
max-width: 660px;
}

.sidebar {

}

.littlebar {
display: none;
}


}





@media all and (min-width: 1040px) {


.paper {
max-width: 1040px;
}

.maincolumn {

}

.sidebar {
display: block;
}

.littlebar {
display: none;
}


}














.comments {
display: none;
}



.linkcred {
position: absolute;  font-size: 100%; width: 150px; height: 150px; -webkit-transform:rotate(90deg); margin-left: -164px; margin-top: 2px; 
}

.linkcred:hover {
color: #999;
}

#infscr-loading {
clear: both;
overflow: hidden;
height: 106px;
background: transparent url(http://slii.de/x/56a4463b2b61f.gif) center no-repeat;
background-size: 80px;
}

#infscr-loading img {
margin: 10px auto !important;
width: 16px !important;
height: 16px !important;
padding: 20px;
border-radius: 50%;
margin: 50px auto !important;
background: #e4e4e4 !important;
display: none;
}



.thumbs {
margin: 10px;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}


.galleryitem {
width: 33.333%;
float: left;
}

.galleryitem .image {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}



.dreierspalte {
float: left; width: 33.33%;
}



@media all and (max-width: 699px) { 

.galleryitem { width: 100%; } 
.sidebar { width: auto; padding-left: 0; float: none; clear: both; } 
#aaaadvicerectangle { display: none; } 
.dreierspalte { float: none; width: auto; } 

.nolowres { display: none !important; }
#searchform { display: none !important; }

h1 {
font-size: 40px;
}


}


.thumbs .box {
margin: 10px 10px;

}


.galleryitem img {
background: #fff;
width: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-rradius: 3px;--webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
--o-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
-box-shadow: 1px 1px 3px rgba(0,0,0,0.075);
}

.galleryitem h2 {
font-size: 24px;
margin: 0;
font-weight: bold;
line-height: 57px;
height: 56px;
overflow: hidden;
padding: 0 20px;
border-bottom: solid 1px #f1f1f1;
background: #e4e4e4;
text-overflow: ellipsis; 
white-space: nowrap;
}

.galleryitem p {
padding: 12px 20px;
background: #e4e4e4;
color: #181818;
height: 119px;
overflow: hidden;
border-bottom: solid 12px #e4e4e4;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.galleryitem a {
display: block;
}

.galleryitem a:hover p {
color: #888;
}

.galleryitem a:hover h2 {
color: #888;
}


.plakatpreview {
-webkit-transition:background-position 400ms;
-moz-transition:background-position 400ms;
-o-transition:background-position 400ms;
transition:background-position 400ms;
}

.plakatpreview:hover { 
background-position: center bottom !important; 
-webkit-transition:background-position 400ms;
-moz-transition:background-position 400ms;
-o-transition:background-position 400ms;
transition:background-position 400ms;
} 


form {
display: block:
width: 100%;
}




input, textarea {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-family: -apple-system, 'BlinkMacSystemFont', helvetica, arial, sans-serif;
font-size: 100%;
font-weight: 300;
background: #ddd;
border: none;
border-bottom: solid 1px #f1f1f1;
padding: 0 20px;
margin: 0;
font-style: italic;
}


::-webkit-input-placeholder { color:#181818; }
input:-moz-placeholder { color:#181818; }

input:hover::-webkit-input-placeholder { color:#999; }
input:hover:-moz-placeholder { color:rgba(0,0,0,0.55); }

textarea:hover::-webkit-input-placeholder { color:#999; }
textarea:hover:-moz-placeholder { color:rgba(0,0,0,0.55); }

input:focus::-webkit-input-placeholder { color:#999; }
input:focus:-moz-placeholder { color:rgba(0,0,0,0.55); }

textarea:focus::-webkit-input-placeholder { color:#999; }
textarea:focus:-moz-placeholder { color:rgba(0,0,0,0.55); }

input {
padding: 0 20px;
height: 42px;
line-height: 42px;
}

input.name {
font-weight: 300;
}

textarea {
margin-bottom: -9px;
min-height: 160px;
padding: 13px 20px;
line-height: 1.6;
height: 349px;
position: relative;
z-index: 2;
width: 100%;
min-width: 100%;
max-width: 100%;
}




input[type=radio], input[type=checkbox] {
width: 30px;
margin-left: 0px;
height: 16px;
line-height: auto;
padding: 0;
position: relative;
top: 1px;
}

input[type=radio]:hover, input[type=checkbox] {
cursor: pointer;

}


input[type=submit] {
padding: 0 20px;
font-weight: bold;
text-align: left;
font-size: 16px;
background: #e4e4e4;
-webkit-border-bottom-right-radiussss: 5px;
-webkit-border-bottom-left-radiussss: 5px;
-moz-border-radiussss-bottomright: 5px;
-moz-border-radiussss-bottomleft: 5px;
border-bottom-right-radiussss: 5px;
border-bottom-left-radiussss: 5px;
font-style: normal;
}

input[type=submit]:focus {
background: #d9d9d9;
outline: none;
border: none;
border-bottom: solid 1px #f1f1f1;
border-top: none;
margin-top: 0;
}

input[type=submit]:hover {
cursor: pointer;
color: #999;
}

input[type=submit]:active {
cursor: pointer;
}


label {
display: block;
padding: 12px 20px;
margin: 0;
font-weight: bold;
border-bottom: solid 1px #f1f1f1;
}





.maincolumn textarea {
height: 160px;
}
.maincolumn input {
width: 33.333%;
float: left;
border-right: solid 1px #f1f1f1;
}

.maincolumn input:last-child {
border-right: none;
}

.maincolumn input[type=submit] {
float: none;
width: 100%;
border: none;
}


input.filename {
float: none;
width: 100%;
display: block;
border-right: solid 1px #f1f1f1;
}



input.filename:hover {
cursor: pointer;
}

input.filename:hover {
color: #999;
}

input[type=file] {
position: fixed;
width: 50px;
height: 20px;
left: -50px;
top: -50px;
opacity: 1;
}

#comment-image-wrapper input[type=file] {
position: static;
width: 100%;
height: auto;
opacity: 1;
}


embed { display: block; }


.ad img {
width: auto;
height: auto;
border: none;
padding: 0;
}




.rest a img {
-webkit-transition:opacity 400ms;
-moz-transition:opacity 400ms;
-o-transition:opacity 400ms;
transition:opacity 400ms;
}

.rest a:hover img {
opacity: 0.84;
-webkit-transition:opacity 0s;
-moz-transition:opacity 0s;
-o-transition:opacity 0s;
transition:opacity 0s;
}



.workshopwerb:hover img {
opacity: 0.84;
}


.office:hover, .office:hover h2 {
color: #777 !important;
cursor: pointer;
}

.office:hover {
cursor: pointer;
}

.leaderboard {
float: right;
padding: 20px;

position: relative;
z-index: 2;
background: #fff;
width: auto;
}

.leaderboard a {
height: auto;
padding: 0;
margin-bottom: 0;
}







@media all and (max-width: 1259px) { 
.premiumpartner { display: none; } .leaderboard { border-bottom: solid 1px #e4e4e4; border-left: none; float: left; width: 960px; } #toprightad { display: none; } }


@media all and (max-width: 1059px) { .leaderboard { display: none; }  }


.partner {
display: block;
overflow: hidden;
padding: 0 20px;
height: 40px;
line-height: 40px;
border-bottom: solid 1px #f1f1f1;
border-radiussss: 5px;
background: transparent;
}

.partner span {
display: none;
}


.list a {
display: block;
overflow: hidden;
padding: 0 20px;
height: 40px;
line-height: 40px;
border-bottom: solid 1px #f1f1f1;
border-radiussss: 5px;
}


.loadingactive { background: transparent url(http://slii.de/x/54315691d3b9c.gif) 576px 25px no-repeat; }

.Projekt p {
padding: 8px 20px; margin-left: 80px; border: none; border-left: solid 1px #f1f1f1;
}

.job span {
float: left;
padding: 0 18px;
border-right: solid 1px #f1f1f1;
text-align: left;
overflow: hidden; 
text-overflow: ellipsis;
white-space: nowrap;
}

.inactivejob { display: none; color: #ccc; pointer-events: none; }

.job.featuredddd {
background: #fff;
border-bottom: solid 1px #fff;
border-top: solid 1px #e4e4e4;
margin-top: -1px;
}


.job.featured { background-color: #e4e4e4; border-color: #f1f1f1; display: block; }

.job { display: none; }

.jobauswahl {
cursor: pointer; float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100% !important;
}

.jobauswahl:hover {
color: #999;
}

.jobauswahl.current {
font-weight: bold;
}




.job {
display: block;
overflow: hidden;
padding: 0 0px;
height: 41px;
line-height: 41px;
border-bottom: solid 1px #f1f1f1;
text-align: right;
}

.hideme .job {
padding-right: 20px;
}

.job strong {
float: left;
margin-right: 20px;
height: 42px;
line-height: 42px;
overflow: hidden;
float: left;
text-align: left;
}


.job strong span {
margin-left: 0;
text-transform: capitalize;
}

.job b, .job i {
text-transform: capitalize;
float: right;
font-style: normal;
overflow: hidden; text-overflow: ellipsis;
height: 42px;
line-height: 42px;
white-space: nowrap;
padding-right: 20px;
}

.job strong {
float: left;
width: 328px;
padding: 0 20px;
padding-right: 0;
overflow: hidden; text-overflow: ellipsis;
white-space: nowrap;
}




.job i.jobdate {
font-weight: 300; float: left; width: 60px; text-align: left; margin-right: 20px; border-right: solid 1px #f1f1f1; padding-right: 0;
}

.jobstadt {
font-weight: 300; width: 80px; text-align: left; padding: 0 20px;  border-left: solid 1px #f1f1f1;
}

.jobverh {
font-weight: 300; width: 40px; text-align: left; padding: 0 20px;  border-left: solid 1px #f1f1f1;
}

.jobagentur {
font-weight: 300; width: 80px;  text-align: left; padding: 0 20px; border-left: solid 1px #f1f1f1;
padding-right: 0;

}

.Praktikum, .Ausbildungsstelle { display: none; }

.galeriekommentar {
border-bottom: solid 1px #f1f1f1;
padding: 11px 0px;
}


.galeriekommentar p {
border: none;
padding: 4px 20px;
}

.galeriekommentar img {
width: auto;
height: auto;
border: none;
padding: 0;
background: transparent;
display: inline;
}

.galeriekommentar:target {
background: #fff;
border-top: solid 1px #fff;
margin-top: -1px;
border-bottom: solid 1px #fff;
margin-bottom: -1px;
}
.ggaleriekommentar:target p {
background: #fff;
border-bottom: solid 1px #fff;
}

.box:hover { opacity: 1 !important; }

.galeriekommentar .autor {
font-weight: bold;
position: relative;
text-transform: capitalize;
top: 4px;
margin-bottom: 10px;
padding-left: 20px;
}


.button, .kaufen {
display: inline-block; 
font-family: Harmonia, sans-serif;
text-decoration: none;
font-size: 24px;
font-weight: bold;
}

.button:hover, .kaufen:hover {

}

.med {
width: 50px; height: 50px; line-height: 50px; font-size: 18px;
}

.kaufen {

}


hr { display: none; }

.youtubead  {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #181818;
}

.youtubead iframe {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: none;
display: block;
}

.sharebuttons {
overflow: hidden;
}

.sharebuttons a {
width: 25%;
height: 103px;
line-height: 40px;
background: #e4e4e4;
float: left;
box-shadow: inset -1px 0 0 #f1f1f1;
text-align: center;
font-size: 100%;
font-weight: 300;
border-rradius: 3px;
margin-bottom: 20px;
}

.bigsharebuttons a {
width: 119px;
text-align: left;
padding: 0 20px;
height: 78px;
line-height: 52px;
font-weight: bold;
background: #e4e4e4;
}

.sharebuttons a span {
width: 100%;
height: 60px;
display: block;
border-bottom: solid 1px #f1f1f1;
}

.bigsharebuttons a span {
width: 159px;
margin-left: -20px;
border: none;
position: absolute;
height: 35px;
margin-top: 33px;
background-position: 6px -4px !important;
background-size: 48px !important;
}



.stichnote { background-color: rgba(255, 247, 0, 0.37); }
.stichnote h2 { border-bottom: solid 1px rgba(255, 255, 255, 0.53); }

.item.stichnote a, .item.stichnote a h2 { 
-webkit-transition:color 400ms;
-moz-transition:color 400ms;
-o-transition:color 400ms;
transition:color 400ms;
}
.item.stichnote a:hover { color: rgba(60, 58, 0, 0.64); }
.item.stichnote a:hover h2 { color: rgba(60, 58, 0, 0.54); }

.item.stichnote a:hover, .item.stichnote a:hover h2 {
-webkit-transition:color 0s;
-moz-transition:color 0s;
-o-transition:color 0s;
transition:color 0s;
}



.footerlinks {
position: absolute;
width: 100px;
left: 0;
margin-left: -300px;
}

.disabled {
position: absolute; z-index: 0; margin-top: -450px;
}


.sharebuttons a:hover span {
opacity: 0.5;
}


.sharebuttons a.tweet span {
background: transparent url(files/tweet-button.png) center no-repeat;
}

.sharebuttons a.like span {
background: transparent url(files/like-button.png) center no-repeat;
}

.sharebuttons a.plus span {
background: transparent url(files/plus-button.png) center no-repeat;
}

.sharebuttons a.mail span {
background: transparent url(files/mail-button.png) center no-repeat;
}


.englisch, .language {
display: none;
}

.stats a.en, .stats a.de {
font-weight: 300;
}


.language a:hover {
cursor: pointer;
border-color: #181818 !important;
}




p::selection, h1::selection, h2::selection, h3::selection, h4::selection, 
p *::selection, h1 *::selection, h2 *::selection, h3 *::selection, h4 *::selection, 
p * *::selection, h1 * *::selection, h2 * *::selection, h3 * *::selection, h4 * *::selection { background: rgba(255,255,0,0.4) !important; }

input::selection, textarea::selection { background: rgba(255,255,0,0.4) !important; }

::selection { background: rgba(0,0,0,0); }

/*
@import url("//hello.myfonts.net/count/2afc78");
*/