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




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

html {
padding: 0 0px;
}

body {
background: #f1f1f1;
color: #181818;
overflow-y: scroll;
overflow-x: hidden;
}

body {
font-family: aachen, helvetica, arial, sans-serif;
font-size: 18px;
letter-spacing: 0.005em;
font-variant-numeric: tabular-nums;
line-height: 1.35;
font-weight: 400;
font-variation-settings: 'wdth' 435, 'wght' 75;
//font-feature-settings: "ss01";
}

a, img {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}

p a, img {
user-select: auto;
-moz-user-select: auto;
-webkit-user-select: auto;
-ms-user-select: auto;
}

.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;}


.nodeco { text-decoration: none; color: #111;}
.nodeco:hover { text-decoration: none; color: #111 !important; cursor: default; }

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

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

img {
font-weight: 400;
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 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: 15px 20px;
padding-bottom: 11px;
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(https://www.designmadeingermany.de/sliide/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: 400;
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;
}

.partnerundsponsoren img { opacity: 0.85;}

.partnerundsponsoren .logo img { opacity: 0.85;}


.mobileshow { display: none !important;}
.mobileshow.noretina { display: none !important;}
.mobileshow.retina { display: none !important;}

.mobilehide { display: block !important;}
.mobilehide.noretina { display: block !important;}
.mobilehide.retina { display: none !important;}

.mobileshow img { display: none !important;}
.mobileshow.noretina img { display: none !important;}
.mobileshow.retina img { display: none !important;}

.mobilehide img { display: block !important;}
.mobilehide.noretina img { display: block !important;}
.mobilehide.retina img { display: none !important;}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{

.mobilehide.noretina { display: none !important;}
.mobilehide.retina { display: block !important;}

.mobilehide.noretina img { display: none !important;}
.mobilehide.retina img { display: block !important;}

}

@media all and (min-width: 700px) {
.desktopshow { display: block !important;}
}

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

.mobileshow { display: block !important;}
.mobileshow.noretina { display: none !important;}
.mobileshow.retina { display: none !important;}

.mobilehide { display: none !important;}
.mobilehide.noretina { display: none !important;}
.mobilehide.retina { display: none !important;}

.mobileshow img { display: block !important;}
.mobileshow.noretina img { display: none !important;}
.mobileshow.retina img { display: none !important;}

.mobilehide img { display: none !important;}
.mobilehide.noretina img { display: none !important;}
.mobilehide.retina img { display: none !important;}

.zoomicon { display: none !important;}

.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: 400;
margin: 0 20px;
height: 90px;
}

.footernavigation a {
float: left;
padding: 13px 20px;
font-family: harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
text-transform: uppercase;
font-size: 26px;
line-height: 1.3;
color: #111;
}

.footernavigation a:hover {
background: #ddd;
}

.footernavigation b {
color: #111;
}

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


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

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

.pagenavi a, .pagenavi span {
height: 39px;
line-height: 37px;
font-weight: 400;
padding: 0 9px;
font-size: 18px;
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;
}

p#suchfeld {
padding: 13px 20px;
}

h1, h2, .h2, h3, h4, .nimbus, .harmonia, .frm_submit p input, p.suchfeld input, p#suchfeld input {
font-family: Harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
text-transform: uppercase;
letter-spacing: 0.01em;
border: none;

}

h1, h2, .h2, h3, h4 {
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;
font-size: 102%;
font-variation-settings: 'wdth' 435, 'wght' 90;
}

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: 400;
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: 254px;
font-size: 55px;
line-height: 1.1;
margin: 0;
word-spacing: 0.06em;
color: #181818;
background: transparent;
padding: 14px 20px;
border-rradius: 3px;
position: relative;
z-index: 0;
margin-bottom: 1px;
margin-top: -4px;
font-weight: bold;
}

.artikeltext h1 {
font-size: 82px;
line-height: 1.05;
font-family: Harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
}

h1 div {
margin-left: -1px;
margin-top: -2px;

}

h1 span {
display: block;
font-family: aachen, 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: 28px;
line-height: 1.2;
margin: 0;
font-weight: 700;
padding: 12px 20px;
padding-bottom: 13px;
border-bottom: solid 1px #f1f1f1;
font-weight: 700;
}

h2 i {
font-family: HarmoniaBold, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
font-style: normal;
}

.artikeltext h2 {
font-size: 42px;
}


.artikeltext h1, .artikeltext h2, .artikeltext h3, .artikeltext h4 {
padding: 16px 20px;
padding-bottom: 8px;
}


/*

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

*/

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

h2 a:hover {
color: #999;
}

h2 a.partnerheader:hover {

cursor: default;
}

h2 a:active {

}

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

.artikeltext h3 {
font-size: 35px;
}

h4 {
font-family: aachen, helvetica, arial, sans-serif;
font-size: 100%;
line-height: 1.5;
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: 12px 20px;
padding-bottom: 11px;
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: 15px 20px;
padding-bottom: 11px;
border-bottom: solid 1px #f1f1f1;
ppadding-bottom: 6px;
}

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

.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: 25px;
}

.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) {

body { font-size: 18px;}

.artikeltext h1 {
font-size: 45px;
min-height: auto !important;
padding-top: 16px;
}

.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(//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) {

.gallery {
width: 1000px;
}


.single .gallery {
max-width: 660px;
}

.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;
margin-bottom: 10px;
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 {
font-size: 18px;
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);
}

.artikeltext {
font-variation-settings: "wdth" 435, "slnt" 0; font-weight: 75; font-family: aachen, Helvetica, sans-serif; font-size: 104%; line-height: 1.4; letter-spacing: 0.005em;
}

.text, .autorinfotext {
xfont-family: aachen, helvetica, arial, sans-serif;
xletter-spacing: 0.005em;
xfont-weight: 400;
}

.text b, .text strong {
font-weight: 600;
}

.video {
background: #fff;
position: relative;
padding-bottom: 56.3%;
padding-top: 0;
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: auto;
width: auto;
float: left;
}

.maincolumn.home .item div {
height: auto;
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(https://www.designmadeingermany.de/sliide/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 20px;
margin-bottom: 0;
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: 333px;
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: 45px;
}

}

.thumbs .box {
margin: 10px 0;
margin-right: 1px;

}

.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: 26px;
margin: 0;
font-weight: bold;
line-height: 57px;
height: 56px;
padding: 0 20px;
border-bottom: solid 1px #f1f1f1;
background: #e4e4e4;
text-overflow: ellipsis;white-space: nowrap;
overflow: hidden;
}

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

.galleryitem a {
display: block;
}

.galleryitem a p, .galleryitem a h2 {
color: #111;
background: #e4e4e4;
-webkit-transition:background-color 400ms;
-moz-transition:background-color 400ms;
-o-transition:background-color 400ms;
transition:background-color 400ms;
}

.galleryitem a:hover p, .galleryitem a:hover h2 {
color: #111;
background: #ddd;
-webkit-transition:background-color 0ms;
-moz-transition:background-color 0ms;
-o-transition:background-color 0ms;
transition:background-color 0ms;
}

.plakatpreview {
background-position: center top;
-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%;
}

fieldset {
border: none;
}

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: aachen, helvetica, arial, sans-serif;
font-size: 100%;
font-weight: 400;
background: #ddd;
border: none;
border-bottom: solid 1px #f1f1f1;
padding: 0 20px;
margin: 0;
font-style: italic;
border-radius: 5px;
font-feature-settings: normal;
letter-spacing: 0.005em;
}

textarea {
resize: vertical;
}

::-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: 400;
}

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: 3px;
}

input[type=checkbox] {
top: 2px;
}

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

}

button[type=submit], 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;
}

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

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

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



.submitbutton {
height: 44px;
  line-height: 42px;
  margin: 20px;
  width: auto;
  background: #222 !important;
  color: #fff;
  border: none;
}

.submitbutton:focus {
  outline: none;
  border: none;
  background: #222 !important;
  color: #fff !important;
  border: none;
margin-top: 20px !important;
}

.submitbutton:hover {
  background: #555 !important;
  color: #fff !important;
}




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

.frm_error_style {
display: none;
}

.frm_error {
border-bottom: solid 1px #f1f1f1;
padding: 13px 20px;
background: red;
color: #fff;
text-align: center;
}

.frm_error b {
position: relative;
top: -2px;
}

.frm_preview_page {
padding: 0 !important;
overflow: hidden !important;
}

.frm_dropzone.dz-drag-hover {
border: none;

}

.frm_upload_text, .frm_compact_text {

}

.frm_small_text {
display: none;
}

.frm_dropzone .dz-preview {
padding: 0px;
border-bottom: none;
}

.frm_dropzone .dz-preview .dz-image {
height: auto;
width: auto;
margin: 0px;
padding: 0;
pointer-events: none;
float: none;
z-index: 2;
}

.frm_dropzone .dz-preview .dz-column {
float: none;
width: 100%;
padding-left: 50px;
}

.frm_dropzone .dz-preview .dz-image img {
height: auto;
height: 50px;
width: 50px;
padding: 0;
border-right: solid 1px #f1f1f1;
margin: 0;
position: absolute;
}

.frm_dropzone .dz-preview.dz-image-preview .dz-details, .frm_dropzone .dz-preview .dz-details {
  position: absolute;
  z-index: 2;
  width: 100%;
  margin-left: -50px;
  padding-left: 59px;
  padding-top: 1px;
}

.frm_dropzone .dz-preview .dz-details .dz-filename {
max-width: 100%;
padding-right: 50px;
}

.frm_dropzone .dz-preview .dz-details .dz-size, .frm_dropzone .dz-preview .dz-details .dz-filename {
display: block;
}

.dz-filename span {
    font-weight: bold; display: block;
margin-bottom: -2px;
}

.frm_dropzone .dz-preview .dz-remove {
margin: -30px 0px;
  font-size: 20px;
  position: absolute;
  right: 14px;
}

.frm_dropzone .dz-preview .dz-progress {
height: 50px;
background: #e4e4e4;
border-radius: 0;
}

.frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload .dz-message, .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload .dz-message {
margin: 0;
}

.frm_dropzone .dz-preview .dz-progress .dz-upload, .frm_dropzone .dz-preview.dz-complete .dz-progress {
height: 50px;
background: #d2d2d2;
border-radius: 0;
}

.frm_dropzone .dz-preview .dz-image img {
max-height: 50px !important;
}

.frm_submit, .dz-preview {
border-top: solid 1px #f1f1f1;
}

.frm_dropzone.dz-clickable {
margin: 0;
min-height: auto;
}

.frm_dropzone .dz-message {
margin: 0;
border: none;
background: #ddd;
font-size: inherit;
padding: 30px;
border-radius: 5px;
}

.frm_dropzone .dz-message:hover {
background: #d6d6d6;
}

.frm_icon_font {margin-bottom: 20px;}

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

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

.maincolumn button[type=submit], .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: 48px;
line-height: 48px;
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(https://www.designmadeingermany.de/sliide/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: 45px;
line-height: 46px;
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;white-space: nowrap;
height: 42px;
line-height: 42px;
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: 400;float: left;width: 60px;text-align: left;margin-right: 20px;border-right: solid 1px #f1f1f1;padding-right: 0;
}

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

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

.jobagentur {
font-weight: 400;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;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
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;
border-top: solid 1px #f1f1f1;
}

.sharebuttons a {
width: 33.333%;
height: 103px;
line-height: 40px;
background: #e4e4e4;
float: left;
box-shadow: inset -1px 0 0 #f1f1f1;
text-align: center;
font-size: 100%;
font-weight: 400;
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(/images/tweet-button.png) center no-repeat;
background-size: 60px;
}

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

.sharebuttons a.pocket span {
background: transparent url(/images/pocket-button.png) center no-repeat;
background-size: 60px;
}

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

.englisch, .language {
display: none;
}

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

.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);}





.navigation {
position: fixed;top: -500px;
}


.retop {
background: #181818;
height: 20px;
margin: 0 20px;
border-right: solid 2px #f1f1f1
}

.rebill {
border-bottom: solid 1px #f1f1f1;
background: #fff;
padding: 20px 15px;
background: #fff;
margin: 0 20px;
border-bottom: solid 1px #f1f1f1;
}

.reheader {
margin: 0 20px;
background: #fff;
height: 90px;
overflow: hidden;
border-right: solid 2px #f1f1f1
}

.reheader b {
font-family: harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
font-size: 26px;
line-height: 1.12;
}

.reheaderlinks b {
line-height: 1.3;
padding: 11px 0 !important;
}

.reheadertitle b {
line-height: 1.3;
}

.reheaderlogo, .reheaderwhitelogo {
float: left;
width: 333px !important;
box-shadow: inset -1px 0 0 #f1f1f1;
height: 90px;
}

.reheaderwhitelogo {
display: none;
}

.reheaderlogo img, .reheaderwhitelogo img {
width: 50px;
height: 50px;
margin: 20px;
margin-right: -17px;
margin-bottom: 100px;
-webkit-transition:opacity 400ms;
-moz-transition:opacity 400ms;
-o-transition:opacity 400ms;
transition:opacity 400ms;
}


.reheaderlogo:hover img, .reheaderwhitelogo:hover img {
opacity: 0.5;
-webkit-transition:opacity 0s;
-moz-transition:opacity 0s;
-o-transition:opacity 0s;
transition:opacity 0s;
}

.reheadertitle {
width: 293px;
float: left;
padding: 11px 20px;
box-shadow: inset -1px 0 0 #f1f1f1;
height: 90px;
}

.reheadertitle b {
display: block;
font-family: Harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
}

.reheadersubmit {
width: 126px;
float: left;
padding: 13px 20px;
box-shadow: inset -1px 0 0 #f1f1f1;
}

.reheaderlinks {
float: left;
width: 126px;
}

.reheaderlinks1 {
display: none !important;
}

.reheaderlinks a {
display: block;
padding: 0 20px;
height: 145px;
line-height: 1.3;
}

.reheaderlinks span {
display: block;
padding: 6px 10px;
height: 33px;
}

.reheaderlinks2 {
bbox-shadow: inset 0 1px 0 #f1f1f1;
}

.renav {
margin: 0 20px;
background: #f1f1f1;
overflow: hidden;
}

.content .renav { margin: 0;}

.renav a, .renav span {
width: 126px;
background: #e4e4e4;
font-family: Harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
box-shadow: inset -1px 0 0 #f1f1f1;
float: left;
padding: 0 20px;
line-height: 45px;
border-bottom: solid 1px #f1f1f1;
height: 90px;
font-size: 26px;
text-transform: uppercase;

ffont-weight: bold;
ffont-size: 18px;
ffont-family: Harmonia;
font-feature-settings: normal;
}

.renav.home a {
font-weight: bold;
}

.renav a {
-webkit-transition: background-color 400ms;
-moz-transition: background-color 400ms;
-o-transition: background-color 400ms;
transition: background-color 400ms;
}

.renav a:hover {
-webkit-transition: background-color 0ms;
-moz-transition: background-color 0ms;
-o-transition: background-color 0ms;
transition: background-color 0ms;
}

.renav a.selected {
font-weight: bold;
background: #ddd;
}

.renav a.renav1, .renav span.renav1 {
width: 126px;
}

.renav a.renav2, .renav span.renav2 {
width: 127px;
}

.renav a.renav3, .renav span.renav3 {
width: 126px;
}

.renav a.renav4, .renav span.renav4 {
width: 127px;
}

.renav a.renav5, .renav span.renav5 {
width: 126px;
}

.renav a.renav6, .renav span.renav6 {
width: 127px;
}

.renav b {
font-weight: bold;
font-family: Harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal;
font-size: 26px;
display: block;
padding-top: 5px;
margin-bottom: -12px;
letter-spacing: 0.01em;
color: #fff;
}

.second.renav {
overflow: hidden;
margin-bottom: 1px;
}

.second.renav a, .second.renav span {
font-family: harmonia, aachen, helvetica, arial, sans-serif;
font-size: 18px;
text-transform: none;
height: 45px;
line-height: 45px;
font-weight: normal;
font-feature-settings: normal;
letter-spacing: 0.015em;
}


.second.renav b {
float: right;
font-size: 17px;
padding: 0;margin: 0;
font-family: aachen, helvetica, arial, sans-serif;
font-size: 18px;
text-transform: none;
font-weight: normal;
font-feature-settings: normal; letter-spacing: 0.005em;
}

.renav a:hover {
color: #111;
background: #ddd;
}

.renav a:hover b {
color: #fff;
}




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



.single .gallery {
width: 100% !important;
}

.renav a, .reheaderlogo, .reheadertitle, .reheaderlinks, .reheaderlogo, .reheadersubmit {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.reheadertitle {
box-shadow: none;
}

.reheaderlinks, .reheadersubmit {
display: none;
}

.reheaderlinks, .reheaderlogo, .reheadersubmit, .renav a, .renav a.renav5, .renav a.renav6, .renav a.renav3 {
width: 33.333% !important;
box-shadow: inset -1px 0 0 #f1f1f1 !important;
}

.renav span { display: none;}

}

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

.reheadersubmit { display: none;}

.reheaderlinks, .reheaderlogo, .reheadersubmit, .renav a, .renav a.renav5, .renav a.renav6, .renav a.renav3 {
width: 100% !important;
box-shadow: inset -1px 0 0 #f1f1f1 !important;
}

.renav span { display: block; }

}

.text a {
color: #0049ff;
color: #111;
}

.text h2 a, .text h3 a, .text h4 a {
color: #111;
}

.text a:hover {
color: #111;
color: #999;
}

.text a.nodeco {
color: #111;
cursor: text;
}

.madeby {
background: #f1f1f1; padding: 0px; margin-top: 0px; margin-bottom: 20px;
}

.madebylink {
text-align: center; display: block; padding: 80px 20px; padding-top: 105px; cursor: default;
}

.madebytitle {
color: #111; display: block; font-family: harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal; ffont-weight: normal; font-size: 26px;
}

.madebydesigner {
font-family: harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal; font-size: 82px; color: #111; display: block; line-height: 1.1; margin-top: 30px; letter-spacing: 0.04em; padding: 0 60px;
}

.madebyprofil {
color: #111; display: block; font-family: harmonia, sans-serif;
font-variant-numeric: tabular-nums;
font-feature-settings: normal; ffont-weight: normal; font-size: 26px; margin-top: 40px; padding: 0 60px;
}

.madebylinkbutton {cursor: pointer; background: #111; color: #fff; padding: 5px 10px; border-radius: 3px; display: inline-block; font-weight: normal; font-size: 16px; margin-top: 75px; margin-bottom: 15px; padding-top: 7px;
-webkit-transition:background-color 400ms;
-moz-transition:background-color 400ms;
-o-transition:background-color 400ms;
transition:background-color 400ms;
}

.madebylinkbutton:hover {background: #666; color: #fff;
-webkit-transition:background-color 0ms;
-moz-transition:background-color 0ms;
-o-transition:background-color 0ms;
transition:background-color 0ms;
}

.recentfooterposts { display: block;}

.it { display: block; }

.it .infotafel{
padding: 13px 0; background: #e4e4e4; color: #111;
-webkit-transition:background-color 400ms;
-moz-transition:background-color 400ms;
-o-transition:background-color 400ms;
transition:background-color 400ms;
}

.it:hover .infotafel{
background:#ddd; color: #111;
-webkit-transition:background-color 0ms;
-moz-transition:background-color 0ms;
-o-transition:background-color 0ms;
transition:background-color 0ms;
}


#featureimage img, #featureimage img:after, #slidegallery img, #slidegallery img:after {
    background: #fff url(https://www.designmadeingermany.de/sliide/582f55b461d70.gif) center no-repeat;
    background-size: 190px;
}

.nextarea{
position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 50%;
    right: 0px;
    cursor: e-resize;
    cursor: e-resize;
    cursor: url(https://slii.de/1/1616690429.png) 30 24, w-resize;
    cursor: -webkit-image-set(url("https://slii.de/1/1616690429.png") 1x, url("https://slii.de/1/1616690421.png") 2x) 30 24, e-resize;
}
.prevarea{
position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 50%;
    left: 0px;
    cursor: w-resize;
    cursor:  w-resize;
    cursor: url(https://slii.de/1/1616690440.png) -3 24, w-resize;
    cursor: -webkit-image-set(url("https://slii.de/1/1616690440.png") 1x, url("https://slii.de/1/1616690397.png") 2x) -3 24, w-resize;
}

.nextbutton{
position: absolute;
    top: 50%;
    z-index: 2;
    background: #fff;
    color: #111;
    width: 35px;
    height: 50px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    right: 5px;
    margin-top: -35px;
font-size: 20px;
font-family: aachen, sans-serif;
}


.nextbutton.pulsingnextbutton {
animation: pulse 1s infinite;
animation-timing-function: ease;
}


@keyframes pulse {
  0% {
    width: 35px;
}
  50% {
    width: 45px;
}
  100% {
    width: 35px;
}
}

.nextarea:hover .nextbutton { display: none;}

.nextbutton:hover {
color: #111;
width: 35px;
cursor: pointer;
}
.nextbutton:active {
color: #aaa;
width: 35px;
cursor: pointer;
}
.prevbutton{
position: absolute;
    top: 50%;
    z-index: 2;
    background: #fff;
    color: #111;
    width: 35px;
    height: 50px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    left: 5px;
    margin-top: -35px;
font-size: 20px;
font-family: aachen, sans-serif;
}


.prevarea:hover .prevbutton { display: none;}

.prevbutton:hover {
color: #111;
width: 35px;
cursor: pointer;
}
.prevbutton:active {
color: #aaa;
width: 35px;
cursor: pointer;
}

.fabrik, .madebylinkbutton, .item.dpk p, .eintrag span, .box p, .frm_form_field  p {
font-feature-settings: normal;
letter-spacing: 0.005em;
}

.fabrik h1, .fabrik h2, .fabrik h3, .fabrik h4, .fabrik input, .eintrag span.newdate {
font-feature-settings: normal;
font-variant-numeric: tabular-nums;
}



@media all and (max-width: 699px) {
.harmoniabold { font-family: harmonia, sans-serif; font-feature-settings: normal;
font-variant-numeric: tabular-nums; }
}


@media all and (min-width: 700px) {
.galleryitem h2.harmoniabold, .harmoniabold { font-family: harmoniabold, sans-serif; font-size: 27px; letter-spacing: 0.01em; font-feature-settings: normal;
font-variant-numeric: tabular-nums; }
}

.agentureintragbutton { display: block; background-color: #111; color: #fff; font-size: 26px; font-family: harmonia, sans-serif; text-align: center; font-style: normal; line-height: 50px; height: 51px; text-decoration: none; text-transform: uppercase; margin: 7px 0; width: 278px !important; border-radius: 5px;
font-variant-numeric: tabular-nums;}
.agentureintragbutton:hover { background-color: #444; color: #fff; }

.agenturen {
width: 101%;
}

#searchform1, #searchform2, #searchform3, #searchform4, #searchform5 {
background: #e4e4e4;
overflow: hidden;
float: left;
}


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

#searchform1, #searchform2, #searchform3, #searchform4, #searchform5 {
float: none; display: none !important;
}

}



.agenturen a b {
text-transform: uppercase;
display: block;
font-feature-settings: normal;
font-variant-numeric: tabular-nums;
}

.eintrag b {
height: 37px;
}

.neuereintragbutton { display: block; background-color: #111; color: #fff; font-size: 26px; font-family: harmonia, sans-serif; letter-spacing: 0.02em; font-feature-settings: normal;
font-variant-numeric: tabular-nums; text-align: center; font-style: normal; line-height: 52px; height: 52px; text-decoration: none; text-transform: uppercase; width: 292px; border-radius: 5px;  }
.neuereintragbutton:hover { background-color: #444; color: #fff; }


.neuessuchfeld {
padding: 20px; width: 625px; border-bottom: solid 1px #f1f1f1; overflow: hidden;
}

.neuessuchfeldinput {

    font-style: normal !important;
    padding: 0 !important;
    margin: 0 !important;
border-bottom: none; background-color: #fff; text-transform: capitalize; width: 556px !important; font-size: 26px; font-family: harmonia, sans-serif; letter-spacing: 0.02em; font-feature-settings: normal; font-variant-numeric: tabular-nums; text-align: center; font-style: normal; line-height: 53px; height: 52px; text-transform: uppercase; float: left;



}

input[type=submit].neuersuchsubmitbutton,
input[type=submit].neuersuchsubmitbutton:focus {
color: transparent; background-color: #d6d6d6; background-image: url(https://www.designmadeingermany.de/sliide/544e9b1c925ec.png); background-size: 22px; background-position: center; background-repeat: no-repeat; width: 52px !important; height: 52px; float: right; border-bottom: none; margin: 0px;
}

input[type=submit].neuersuchsubmitbutton:hover, input[type=submit].neuersuchsubmitbutton:focus {
background-color: #ccc;
color: transparent;
background-image: url(https://www.designmadeingermany.de/sliide/544e9b1c925ec.png); background-size: 22px; background-position: center; background-repeat: no-repeat;
}

.neuersubmitbutton {
width: 292px !important; padding: 20px; float: left; border-left: solid 1px #f1f1f1; border-bottom: solid 1px #f1f1f1; overflow: hidden;
}


.eintrag span {
height: 26px;
display: block;
font-family: 'Harmonia', aachen, helvetica, arial, sans-serif;
font-size: 18px;
}

a.premium span {
font-weight: bold;
font-family: 'Harmoniabold', aachen, helvetica, arial, sans-serif;;
}


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

.paper { margin: 0; }
.retop { display: none; }
.reheaderlogo { box-shadow: none !important; width: 100% !important; border: none !important; }
.reheader, .renav, .thumbs, .thumbssss { margin: 0 !important; border: none; }
.reheaderlogo img { margin: 20px auto; }
.renav a { background: #fff; text-align: center !important; line-height: 90px !important; }
.renav a, .renav span { border-bottom: none !important; border-top: solid 1px #f1f1f1 !important;}
#footerrenav .renav a, #footerrenav  .renav span { border-top: none !important; border-bottom: solid 1px #f1f1f1 !important;}
.renav a:hover { background: #f1f1f1; }
.renav a.renav5, .renav span.renav5 { display: block; width: 33.3%; padding: 0; background: #fff; height: 89px !important; }
.renav { margin-bottom: -22px; background: #fff !important; }
.renav span { float: right; }
.item img, .item a img { padding: 0; }
.image { border: none !important; }
.galleryitem a p, .galleryitem a h2 { background: #fff !important; height: auto !important;-webkit-line-clamp: inherit; }
.item, .thumbssss .box { margin: 0 !important; }
.thumbssss, .thumbs { margin-top: -1px !important; }
.thumbs .box { margin: 0 !important; }
.maincolumn { margin-bottom: -9px; }
.footernavigation { display: none; }
#featureimage { margin-bottom: -21px !important; margin-top: 0px !important; padding: 0 !important; border-top: none !important; border-bottom: none !important; position: relative; z-index: 2; }
#featureimage::before {
    background: rgba(0,0,0,0.05);
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0px;
    content: "";
    z-index: 92323;
}
#featureimage::after {
    background: rgba(0,0,0,0.05);
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    content: "";
    z-index: 92323;
}
.text.item { border-bottom: none !important; }
.item p { border-bottom: solid 1px #f1f1f1 !important; }
.gallery { margin-top: 20px !important; }
.gallery img { margin-bottom: 1px; padding: 0; }
.content { margin-bottom: -22px !important; padding: 0 !important; }
h1 { margin-bottom: 1px !important; }
.artikeltext { border-top: solid 1px #f1f1f1; margin-top: 20px !important; margin-bottom: 20px !important; }
.text.item p:last-child, .mce-content-body p:last-child { border: none !important; }
.artikeltext.variable { margin-bottom: 32px !important; }
.artikeltext h1, .artikeltext h2, .artikeltext h3, .artikeltext h4, .char { font-family: Harmonia, sans-serif !important; padding: 20px !important; padding-top: 22px; text-align: center; }
.artikeltext h2 { padding: 14px ​20px ​!important; }
.sidebar .item { display: none; }
.agenturen { margin-bottom: 19px !important; margin-top: 0px !important; }
.premiumcolumn {  }
.sidebar.home { display: none; }
.artikel, .gastartikel a { height: 60px !important; line-height: 60px !important; }
#infinite { margin-bottom: 19px; }
#infinite h1 { height: auto !important; text-align: center; padding: 20px 20px; }
#infinite h2 { display: none; !important; }
.artikel, #infinite p { text-align: center; padding: 20px 20px; }
.artikel, #infinite p b { font-family: Harmonia, sans-serif !important; font-size: 26px; }
.videomobilepadding { padding: 0 !important; }
#gallerymobiletitle {  margin-bottom: -20px !important; padding-bottom: 20px !important; height: auto !important; }
.artikeltext h1 { font-size: 48px !important; padding: 40px 20px !important; }
.artikeltext h2 { font-size: 38px !important; padding: 30px 20px !important; }
.artikeltext h3 { font-size: 28px !important; padding: 20px 20px !important; }
.artikeltext.galleriemobiletext { margin-bottom: -21px !important; }
.videomobilepadding { margin-bottom: 1px !important;}
.bigcolumnmobile { margin-bottom: 20px !important; }
.reebill { padding: 0 !important; margin: 0 !important; }
.agenturen a { text-align: center; padding: 16px 20px !important; padding-top: 17px !important; }
.agenturen a p { display: none !important; }
.eintrag span { font-weight: normal !important; }
a.basis .newdate, a.premium .newdate { display: none; }
a.premium span { font-weight: normal !important; }
.maincolumn, .gallery { max-width: 700px !important; }

.reheader { height: 194px !important; }
.reheaderlogo { height: 194px !important; }
.reheaderlogo img { margin: 65px auto !important; width: 60px !important; height: 60px !important; }

#gallerymobiletitle { padding-top: 50px !important; padding-bottom: 40px !important; text-align: center; font-family: Harmonia, sans-serif; font-size: 48px !important; }

#headercode { margin-top: 20px; margin-bottom: -40px; }
#headercode div { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
#headercode div { margin: 0 !important; }
#headercode video { background: #fff !important; }
#headercode { border-top: solid 1px #f1f1f1; }

#linksitemap { display: block !important; }
#sitemap:target { display: block !important; }
#sitemap { margin-top: 20px !important; margin-bottom: -1px; }

.displaydate { display: none !important;}

#footerrenav .renav5 { display: none !important; }

}


@media (max-width: 525px) {
.renav a.renav5, .renav span.renav5, .renav span { display: none !important; width: 50%; padding: 0; background: #fff; }
}