@font-face {
font-family: 'Ubuntu';
src: url(//www.rn-acrylbilder.de/wp-content/themes/beetle-pro-child/fonts/Ubuntu/Ubuntu-Regular.ttf) format('woff'); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url(//www.rn-acrylbilder.de/wp-content/themes/beetle-pro-child/fonts/Ubuntu/Ubuntu-Bold.ttf) format('woff'); font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//www.rn-acrylbilder.de/wp-content/themes/beetle-pro-child/fonts/Roboto/Roboto-Regular.ttf) format('woff'); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url(//www.rn-acrylbilder.de/wp-content/themes/beetle-pro-child/fonts/Roboto/Roboto-Bold.ttf) format('woff'); font-weight: bold;
font-style: normal;
} body, #content, .entry-content, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .widget-area, .widget, .sidebar, #sidebar, footer, .footer, #footer, .site-footer {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
}
#site-title, .site-title, #site-title a, .site-title a, .entry-title, .entry-title a, h1, h2, h3, h4, h5, h6, .widget-title {
font-family: "Ubuntu";
font-style: normal;
font-weight: 700;
}
button, input, select, textarea {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
}
#site-title, .site-title, #site-title a, .site-title a, #logo, #logo a, .logo, .logo a {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
}
#site-description, .site-description {
font-family: "Ubuntu";
font-style: normal;
font-weight: 300;
}
.menu, .page_item a, .menu-item a {
font-family: "Roboto", Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
}
.entry-content, .entry-content p, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .excerpt, .excerpt p {
font-family: "Roboto", Helvetica, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
}
.entry-title, .entry-title a, .post-title, .post-title a, .page-title, .entry-content h1, #content h1 {
font-family: "Ubuntu";
font-style: normal;
font-weight: 400;
}
.entry-content h2, .post-content h2, .page-content h2, #content h2 {
font-family: "Ubuntu";
font-weight: 400;
}
.entry-content h3, .post-content h3, .page-content h3, #content h3 {
font-family: "Roboto";
font-weight: 400;
}
.entry-content h4, .post-content h4, .page-content h4, #content h4 {
font-family: "Roboto", Helvetica, sans-serif;
font-weight: 400;
}
.entry-content h5, .post-content h5, .page-content h5, #content h5 {
font-family: "Roboto", Helvetica, sans-serif;
}
.widget-title, .widget-area h1, .widget-area h2, .widget-area h3, .widget-area h4, .widgets-area h5, .widget-area h6 {
font-family: "Roboto";
}
.widget-area, .widget, .sidebar, #sidebar {
font-family: "Roboto";
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
font-family: "Roboto", Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
}
footer, #footer, .footer, .site-footer {
font-family: "Roboto", Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
}
img.logo-inline {
}
div#brand img.logo-inline-header {
width: 25px;
height: 25px;
vertical-align: text-top;
margin-right: 4px;
display: inline !important;
}
img.logo-inline-footer {
width: 30px;
top: 0px;
margin-right: 10px;
}
.gallery-no-caption figcaption {
display: none !important;
}
a {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #777 !important;
}
a:hover {
border-bottom-color: #333 !important;
}
.small {
font-size: smaller;
}
.marker-yellow { background-color: #FFFF99; } p#kontakt-text { margin: -.2em 0 .5em 0; } span.wpgdprc input, .wpgdprc-checkbox input, .comment-form-cookies-consent input {
width: unset !important;
display: inline !important;
margin: 0 0.5em 0 0 !important;
}
.wpgdprc-checkbox abbr { display: none; }
.anker {
display: block;
position: relative;
top: -130px !important; visibility: hidden;
}
ul#menu-menu-footer {
font-size: larger;
}
ul.rp {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
}
li.related_post {
display: flex;
font-size: 14px;
text-align: center;
}
.crp_related li {
vertical-align: bottom;
-webkit-box-shadow: none !important;
-moz-box-shadow:  none !important;
box-shadow:  none !important;
border: none !important;
list-style-type: none;
}
.crp_related h3 { padding: 1em 0 .5em 0; }
p, li.recentcomments {
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
.comment-author, .comment-body p {
font-size: 0.9em !important;
font-weight: 300 !important;
}
h1, h2, h3, h4 {
color: #708090 !important;
}
h1, .entry-title {
margin-bottom: 0em;
margin-top: 0em;
}
h2.blog-subtitle, h2#subtitle { font-size: 1.15em !important; }
.h2wrap- {
width:100%;
height: 18px;
display:block;
background-image: linear-gradient(to right, #ccc .6rem, rgba(255,255,255,0) 3px);
background-position: bottom;
background-size: 100% 10px;
background-repeat: no-repeat;
padding-left: 16px;
margin-bottom: 10px;
color: silver;
}
h4.widget-title {
font-size: 1.1em !important;
color: #708090 !important;
}
h5.meta-post { font-size: 0.85em !important; }
.comment-notes, .form-allowed-tags, .logged-in-as {
font-size: .8em !important;
}
#reply-title {
font-size: initial !important;
text-transform: none !important;
}
.hint { font-size: 15px !important; color:#028d92 !important;  margin: .3em; }
.hint1 { font-size: 1.0em; color:#028d92 !important;  margin: .3em; }
.alert { color: FireBrick; }
.alert.termin { padding-bottom: .5em; }
p.share { color: #708090; font-size: .9em; padding-top: 10px; }
span.posted-in { font-size: 11px; }
@media (min-width: 50em) {
.table {
display: table;
width: 100%;
}
.table-row {display: table-row; }
.table-cell {display: table-cell; vertical-align: top; }
.table-cell h2 { margin-top: 0 !important; }
}
.entry-content { margin-top: -0px; }
.entry-content strong { font-weight: normal;
color: #708090 !important; padding-right: 5px;
}
.to-comments-note, #comments-note p {
padding: 5px 15px;
font-weight: 300;
margin: 12px 10px 12px 0;
background-color: #f2f2f2;
}
.comment-author b.fn {
font-style: normal;
font-weight: bolder;
}
.comment-metadata, .reply {
font-size: 0.7em !important;
}
.meta-post .posted-in, .meta-post .posted-on {
font-size: 0.9em !important;
}
.site-title {}
.site-title-subline {
line-height: 14px;
font-size: 15px;
font-weight: 600;
letter-spacing: 0px;
color: silver;
font-family: ubuntu;
}
#brand h1 { font-size: 1.700em; color: #1D2D4E ! important; }
.blog-excerpt h2.entry-title { color: white !important; }
.row-content { max-width: 70em !important; }
.row { margin-top: 0; padding-top:.2em !important; }
span.pre-icon-pdf:before {
content: url(//www.rn-acrylbilder.de/wp-content/uploads/2018/07/logo_pdf.png);
padding: 0 5px 0 2px;
}
span.pre-icon-iazzu:before {
content: url(//www.rn-acrylbilder.de/wp-content/uploads/2022/03/logo_iazzu.png);
padding: 0 5px 0 2px;
}
#recentcomments {
list-style-type: disc;
margin-left: 1em;
padding-left: 0;
}
#recentcomments a {
transition: background-color 0.1s linear 0s, color 0.1s linear 0s, opacity 0.25s linear 0s;
}
.sidebar a, .comment-author a, .no-phonelink figcaption {
border-bottom: 1px dotted #ccc !important;
text-decoration: none !important;
}
.sidebar a, .sidebar a:visited, .sidebar a:hover, .sidebar a:focus, .sidebar a:active {
color: #333;
}
.no-phonelink figcaption:hover {
color: #333 !important;
cursor: pointer;
}
.tagcloud a { border: none; }
#intro-wrap, .intro-item-image { height: 130px ! important; }
.experience-info ul, .experience-info p {
font-size: 14px !important;
color: black !important;
}
.sidebar a {
text-decoration: none;
border-bottom: 1px dotted #ccc !important;
display: block-inline;
}
.sidebar a:hover {
border-bottom: 1px dotted #000 !important;
}
.recentcomments {
font-size: 0.95em !important;
line-height: 1.25 !important;
}
.widget {
font-size: 0.87em !important;
}
.widget-icon {  }
.widget-icon-img { height: 80px; margin-right: 5px; margin-bottom: 20px; float: left; clear: none; }
a:hover .widget-icon-img, a:hover .wp-post-image {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.widget_info { font-size: 14px;}
.widget_info span { color: gray; }
.entry-content bold { font-size: 13px;
color: #A8A8A8 ;
padding-right: 5px;
} .img-search-left { float: left; margin: 0 15px 10px 0; } .img-portrait { width:120px; height:120px;
border: 2px solid #e8e8e8;
border-radius: 50% !important;
margin-left: 0px;
margin-bottom: 15px;
background-image: url(//www.rn-acrylbilder.de/wp-content/uploads/2017/09/RN_PortraitFacebook3.png);
background-origin: border-box;
background-clip: border-box; }
img.attachment-full.size-full { border-radius: .2em; }
img.attachment-post-thumbnail.size-post-thumbnail,.wp-post-image { -webkit-box-shadow: 2px 2px 6px 0px rgba(189,185,189,1);
-moz-box-shadow: 2px 2px 6px 0px rgba(189,185,189,1);
box-shadow: 2px 2px 6px 0px rgba(189,185,189,1); }
img.img-award { border: 2px solid silver !important; } .gallery-item { padding: 3px; }
.gallery-icon img { padding: 1px; }
.gallery-icon-style img {
border: 2px solid #f0f0f0 !important;
border-radius: 2px !important;
}
.wc-gallery .gallery .gallery-icon a {
border-bottom-color: transparent !important;
}
.shadow {
display: inline-block;
position: relative;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px inset;
box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px inset;
} .row-content.buffer,
.row-content.buffer-top { padding-top: 1% !important; } .wpcf7-form {
border-radius: 0.5em;
padding: 5px 20px 10px 0px;
}
label { font-size: 0.5em; }
input[type="text"], input[type="search"], input[type="radio"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="password"], input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], select, textarea {
font-weight: 400 !important;
font-size: 16px !important;
background-color: #fff !important;
border: 1px solid #ddd;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
outline: 0 none;
transition: border-color 50ms ease-in-out 0s;
}
.wpcf7 .your-name input, .wpcf7 .your-theme select, .wpcf7 .your-email input, .wpcf7 .your-subject input, .comment-form input.author, .comment-form input.email, .comment-form input.url {
padding-left: 1em !important;
padding-right: 1em !important;
}
#cf7-kontakt-thema-select { display: none; }
::placeholder { color: #0a0a0a;
opacity: 1; }
:-ms-input-placeholder { color: #0a0a0a;
}
::-ms-input-placeholder { color: #0a0a0a;
} )
button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #1a2e62 ! important;
color: white !important;
padding: 0.1em 0.8em !important;
}
button.toggle-view { padding: 0.05em 0.7em !important; }
div.more-btn { text-align: right; margin: -15px 0 0 0; padding: 0; }
div.more-btn a { font-size: 10px; background-color: none ! important; }
.post-area.portfolio-section { margin-top: 0px;}
.portfolio-head { text-align: center; }
.portfolio-head h1  { margin: 0 0 10px 0; }
ul.filter-options { padding: 10px 0 10px 0; }
ul.filter-options li { display: block-inline !important; background-color: #1a2e61;
color: white !important;
border-radius: 3px;
padding: 2px 4px;
line-height: 24px;
}
.filter-options li.active { color:  cyan !important;  } .filter-options {
-moz-hyphens: none;
-o-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
hyphenate-limit-lines: 1;
} .plan { color: green; font-size: 11px; } .blog.masonry-style article.three .blog-excerpt p, .blog.masonry-style article.four .blog-excerpt p, .blog-section.masonry-style article.three .blog-excerpt p, .blog-section.masonry-style article.four .blog-excerpt p {
color: #333;
font-size: 0.79em !important;
}
.column.nine.list-style article,
.blog-section.list-style article { position: relative;
padding: 0em 0 0em 0 !important;
border: none !important;
margin-top: 10px;
}
.column.nine.list-style article .column.three,
.blog-section.list-style article .column.three { position: relative;
z-index: 999;
}
.column.nine.list-style article .column.three img,
.blog-section.list-style article .column.three img {
margin-top: 20px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1) !important;
-moz-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1) !important;
box-shadow: 1px 1px 5px 0px rgba(204,204,204,1) !important;
}
.column.nine.list-style article .column.ten,
.blog-section.list-style article .column.ten {
padding: 10px 2px 10px 20px;
margin-left: -60px;
background-color: #f8f8f8;
border-bottom: 1px solid #f0f0f0;
}
div.blog-section.masonry-style article.item.column.three img { margin: 0; }
@media screen and (max-width: 480px; ) { .blog-section.list-style article .column.ten {
padding: 10px 2px 10px 5px !important;
margin-left: 0 !important;
}
}
@media screen and (max-device-width: 480px; ) { .blog-section.list-style article .column.ten {
padding: 10px 2px 10px 5px !important;
margin-left: 0 !important;
}
#widget-mobile { display: block; }
.widget-orig { display: none !important; }
}
@media only screen and (min-width: 768px) {
.column.nine.list-style article .column.ten,
.blog-section.list-style article .column.ten {
padding: 10px 2px 10px 60px;
margin-left: -60px;
background-color: #f8f8f8;
border-bottom: 1px solid #f0f0f0;
}
img.attachment-post-thumbnail { width: 80% !important; }
#widget-mobile { display: none; }
.widget-orig { display: block; }
}
.action-box {
height: 30px;
padding: 2px;
margin-top: 0px;
position: absolute;
right: .8em;
top: 1.3em;
width: 30px;
z-index: 999;
display: block;
border: none;
}
.action-box-img { width: 22px;
filter: opacity(0.28);
-webkit-filter: opacity(0.28);}
.action-box-img:hover {
filter: opacity(0.8);
-webkit-filter: opacity(0.8);
}
.action-box-img:active {
-webkit-box-shadow:0px 0px 45px 0px #53a7db ;
-moz-box-shadow:0px 0px 45px 0px #53a7db ;
box-shadow:0px 0px 45px 0px #53a7db ;
}
.grid-items.lightbox.shuffle { min-height: 0; }
.more-link {
text-decoration: none;
font-style: normal !important;
font-weight: normal !important;
font-size: 0.875em;
}
.more-link { font-size:13px; color:#028d92; }
.more-link a:active { color:#028d92;}
.single-post-back { font-size: 12px !important; line-height: 20px; vertical-align: middle; }
.single-post-back span { font-size: 18px !important;  }
.single-post-back:first-of-type { margin-top: 30px; }
.spb-top { padding-top: 100px; }
.spb-bottom { padding-bottom: 5px; }
.featured-image { padding-top: 10px; padding-bottom: 10px; width: 100%; }
#author-bio { display: none; } .children li { }
.children li:before { content: "- "; }
.children .children li:before { content: "-- "; }
.children .children .children li:before { content: "--- "; }
ul { margin-bottom: 0 !important; }
.welcome-section { display: block; width: 100%; margin-top: -20px; }
blockquote p { font-style: normal; }
blockquote.zitat {
font-family: 'Roboto' !important;
font-weight: normal !important;
font-style: normal !important;
margin: 0;
margin-bottom: 0 !important; padding-left: 2.3em;
background-image: url(//www.rn-acrylbilder.de/wp-content/uploads/2018/10/blockquote.gif);
color: rgb(80,80,80);
background-position: left top;
background-repeat: no-repeat;
clear-after: both;
}
blockquote.zitat-galerie { padding-left: 0 !important; }
blockquote.zitat p {
font-size: 1.1em; }
blockquote.home-zitat .author { font-size: 0.85em;  padding-left: 20px; line-height: .8; }
div.lang-bracket {
width:100%;
margin: 20px 0 30px 0;
}
div.lang-box {
position: relative;
display: block;
width: 100%;
display: none;
padding: 10px;
}
.lang-fieldset {
border: 2px groove threedface;
border-top: none;
padding: 0.5em;
margin: 1em 2px;
}
.lang-fieldset legend { margin-left: 20px; }
.lang-fieldset  span { vertical-align: top; font-weight: bold;
font-size: 19px; padding-left: 20px; }
.flag {
display: inline-block;
width: 32px;
height: 32px;
background: url(//www.rn-acrylbilder.de/wp-content/uploads/2017/07/flags.png) no-repeat;
overflow:hidden;
text-indent:-1000px;}
.flag.flag-fr { background-position: -32px 0; }
.flag.flag-en { background-position: 0 -32px; }
.flag.flag-de { background-position: 0 0; }
.bild-info { font-face: bold; font-size: 15px;} .form-inline {
display: inline;
flex-flow: row wrap;
align-items: center;
} .form-inline label {
margin: 5px 10px 5px 0;
} .form-inline input {
vertical-align: middle;
margin: 5px 10px 5px 0;
padding: 10px;
background-color: #fff;
border: 1px solid #ddd;
} .form-inline .button.ics {
padding: .15em .35em !important;
margin-left: 3px !important;
font-size: 0.5em !important;
font-weight: bolder !important;
color: white !important;
}
.form-inline button:hover {
background-color: royalblue;
} #dates p { display: none; } @media (max-width: 800px) {
.form-inline input {
margin: 10px 0;
}
.form-inline {
flex-direction: column;
align-items: stretch;
}
} .wpcf7-not-valid-tip { color: red !important; margin-top: -.7em; }
div.wpcf7-validation-errors {
border-color: #1a2e61;
color:  red;
}
.wpcf7{
position: relative;
width: 100%;
height: 100%; }
.wpcf7 .your-name input, .wpcf7 .your-email input, .wpcf7 .your-phone input  { width: 80% !important; }
.linecon-icon-user, .linecon-icon-email { display: none !important; } #date_time { color: #888; }
.widget_calendar caption { color: silver; }
.widget_calendar .thc-calendar-day-head { color: silver; }
.widget_calendar .thc-highlight { text-decoration: none; font-weight: normal; }
.mapItem img { margin-top: 5px; border-radius: 0; }
.mapItem  { color: gray; }
.page.recent-comments h3 { margin-top: 0; }
.page.recent-comments h3 a { font-size: 14px; } .page.recent-comments .recent-comments-comment {
padding-left: 15px;
}
.widget.recent-comments h3 { margin: 0; padding-bottom: 3px; font-size: 14px !important; }
.widget.recent-comments h3 a { font-size: 14px !important; }
.widget.recent-comments .recent-comments-comment {
padding-left: 0;
font-size: 14px !important;
}
.comment-author-link { color: #333 !important; } .comment-body { padding-left: 0 !important; }
.entry-footer {
color: #999;
font-size: 0.80em !important;
}
#bottom-footer { font-size: 14px !important; margin-top: -5px !important; }
#bottom-footer-left {}
#bottom-footer-right .shariff { margin-top: 0 !important; }
#top-footer { font-size: 15px !important; }
#top-footer ul{
margin: 0;
padding: 0;
}
#top-footer ul li {
list-style-type: none;
display: inline;
}
#top-footer li:not(:first-child):before { content: " | "; } .hide { display: none; } .no-comments { display: none; }
ul.custom-comments { padding-left: 0 ! important; }
ul.custom-comments .custom-comment-meta span:first-child { color: initial; } ul.custom-comments blockquote { font-style: normal; font-family: inherit; color: inherit; margin-bottom: 0; }
span.custom-comment-link { color: silver; font-size: 11px; margin-top: -10px; }
.closestExibition article { display: none; }
.closestExibition .shariff {
display: none !important;
}
div.list-style .shariff {
display: none !important;
}
.more-btn a.button { background-color: transparent; border: none; display: inline-block; }
.theAward { text-align: center; border: 5px solid white; padding: 10px; background-color: #fefefe;
box-shadow: inset 0px 0px 10px 0px #ABABAB;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB;
}
.theAward .textRed, .textRed { color: maroon; }
.theAward .textBigger { font-weight: bolder; font-size: 130%; }
.textUppercase { text-transform: uppercase; } .es-field-wrap input { width: 100% !important; }
.es_textbox {
padding-bottom: 0px !important;
}
input.es_textbox_class {
width: 100% !important;
}
#email-subscribers-2 {
margin-bottom: 0 !important;
padding-top: 10px !important;
} .positionable {
position: absolute;
display: block;
left: 0;
top: 0;
}
#theFrame {
width: 170%;
height: 300px;
background-image: url(//www.rn-acrylbilder.de/wp-content/uploads/2018/08/amimLoading.gif) ;
background-repeat: no-repeat;
background-position: center;
display: none;
z-index: 20;
transform: scale(0.6);
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.theFrameBorder {
-webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
}
.shariff {
margin-top: .8em;
}
#location-placeName, #location-url, #location-address { padding-bottom: 0.4em; }
.button, input.button, input[type="button"], input[type="reset"], input[type="submit"] {
position: relative;
display: inline-block;
margin-right: 1em;
margin-bottom: 1.34em;
padding: 0.667em 2em;
border: none;
-webkit-border-radius: 0.333em;
-moz-border-radius: 0.333em;
border-radius: 0.333em;
background-color: rgb(26,46,98) !important;
color: #FFFFFF !important;
text-decoration: none !important;
text-transform: uppercase;
font-size: 0.778em !important;
font-family: 'Montserrat', sans-serif !important;
line-height: 1.714em !important;
cursor: pointer;
} .modal {
display: none; position: fixed; z-index: 1; padding-top: 200px; left: 0;
top: 200px;
width: 100%; height: 50%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); background-color: #fdfdfd;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 70%;
}
.modal input { display: inline !important; }
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
}
.blocker::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 1;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}
.portfolio-search {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 13em;
text-align: left !important;
}
#search-more-form {
width: 230px !important;
padding: 5px !important;
margin-left: auto;
margin-right: auto;
}
#search-more-long, #search-more-short {
width: 100%;
float: left;
}
.search-more-options-button {
margin: 1px 3px 1px 0 !important;
padding: 0 !important ;
color: white;
width: 25px;
text-align: center;
display: inline-block;
font-weight: bolder !important;
}
.search-more-header {
text-align: left;
}
.search-more-header span {
font-weight: bolder;
}
.search-vonbis {
width: 60px;
}
.search-more-submit {
margin-bottom: 0em !important;
padding: 0.3em 2em !important;
}
div#search-more-groesse-data input, #search-more-short input {
display: inline-block !important;
width: 60px !important;
margin-bottom: 0.2em !important;
}
.label-groesse { width: 30px;  }
.div-content-header-block-right #form-right-search .input-text-field, .search-groesse {
width: 134px;
height: 24px;
margin: 5px 0;
padding: 0 7px;
box-shadow: 0 1px 3px #AAA;
}
fieldset {
background-color: #f0f0f0 !important;
display: block;
margin-left: 2px   !important;
margin-right: 2px   !important;
padding-top: 0.25em !important;
padding-bottom: 0.625em   !important;
padding-left: 0.75em   !important;
padding-right: 0.75em   !important;
border: 1px groove silver ;
}