article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
}  html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html,
button,
input,
select,
textarea {
font-family: sans-serif;
} body {
margin: 0;
}  a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}   abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
} dfn {
font-style: italic;
} mark {
background: #ff0;
color: #000;
} p,
pre {
margin: 1em 0;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
} pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
} q {
quotes: none;
} q:before,
q:after {
content: '';
content: none;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
} menu,
ol,
ul {
padding: 0 0 0 40px;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  form {
margin: 0;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}html, body {
font-family: 'Helvetica neue';
color: #262626; 
background-color: #b2b2b2;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
font-size:  102%; border: 0;
}
body img {
border: 0px;
-ms-interpolation-mode: bicubic; 
}
a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
text-decoration:    none;
} .wrapper {
float: none;
border-bottom: none;
margin: 0 auto 0;
max-width: 1480px;
}
.wrapperheader {
float: none;
border-bottom: none;
margin: 0 auto 0;
max-width: 1480px;
} header {
float: left;
width: 95%; height: auto;
padding: 0 2.5% 0 2.5%; } .technik {
float: left;
width: 95%; height: auto;
padding: 0 2.5% 0 2.5%; }
.technik ul {
font-size: 90%;
} .navimega {
width: 95%; margin: 0 auto 0;
max-width: 1216px;
padding: 0
} .navigation {
float: left;
width: 34.21052631578947%; margin: 2.5% 0 0 0;
}
#menu-button {
display: none;
}
#cssmenu {
width: 100%;
margin: 0 auto 0;
max-width: 1280px;
padding: 0;
}
#cssmenu ul {
margin: 0;
padding: 0;
}
#cssmenu .menu-item-object-page a {
background-color: #333333;
padding: 3%;
text-align: center;
margin: 0 0 3% 0;
width: 94.01%;
float: right;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}
#cssmenu .menu-item-object-page a:hover {
background-color: #8c8c8c;
}
#cssmenu > ul > li.active > a {
background-color: #8c8c8c;
}
#cssmenu .current-page-parent > a {
background-color: #8c8c8c;
}
#cssmenu .menu-item-object-page .current_page_item.active a {
background-color: #8c8c8c;
color: #ffffff;
}
#cssmenu .menu-item-object-page ul li a {
background-color: #333333;
padding: 1% 3% 1% 3%;
text-align: center;
color: #cccccc;
text-transform: none;
display: inline;
}
#cssmenu .menu-item-object-page ul li a:hover {
background-color: #8c8c8c;
color: #ffffff;
}
#cssmenu ul li ul li {
margin: 0 6% 0 6%;
}
.menu-item-object-page.menu-item-has-children.has-sub ul {
max-height: 0px;
overflow: hidden;
}
#cssmenu .current-menu-item ul {
clear: left;
width: 100%;
display: block;
max-height: 999px!important; 
}
#cssmenu .current-menu-parent ul {
clear: left;
width: 100%;
display: block;
max-height: 999px!important; 
} .inhalt {
float: right;
width:  100%; background-color: #ffffff;
margin: 0 0 0 0;
padding: 0% 0% 0% 0%; }
.inhalt p {
font-size: 94%;
text-align: justify;
clear: left;
}
.inhalt a {
color: #8c8c8c; 
text-decoration: none;
}
.inhalt a:hover {
color: #333333; 
}
.inhalt img {
max-width: 100%;
height: auto;
}
.startseite-inhalt {
float: left;
width: 100%;
}
.table {
display: table;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
width: 45%;
padding: 0 5% 0 0;  
}
.cell a {
color: #8c8c8c;
text-decoration: none;
font-weight: bold;
}
.cell h3 {
font-family: 'Helvetica neue';
font-size: 110%;
color: #8c8c8c;
margin: 1rem 0 1rem 0;
padding: 0;
line-height: 140%;
float: left;
width: 100%;
} .bewertung {
float: left;
width: 95.45454545454545%;
padding: 2.272727272727273%; font-size: 130%;
color: #8c8c8c;
background-color: #ebe9eb;
font-weight: bold;
text-align: center;
}
.caldera-text {
color: #ffffff;
text-decoration: none;
}
.caldera-button-submit {
float: left;
width: 100%;
font-size: 120%;
color: #ffffff;
background-color: #004a86;
margin: 2% 0 0 0;
padding: 2% 0 2% 0;
border: 0px;
}
.caldera-button-submit:hover {
background-color: #8c8c8c;
}
.caldera-button-zuruck {
float: left;
width: 100%;
font-size: 120%;
color: #474747;
background-color: #eeeeee;
margin: 2% 0 0 0;
padding: 2% 0 2% 0;
border: 0px;
}
.caldera-button-zuruck:hover {
background-color: #e5e5e5;
} footer {
float:left;
width:100%;
color: #ffffff;
background-color: #262626;
} .orte-headline {
float: left;
width: 75%;
margin: 1rem 0 0 0;
padding: 0 2.5% 0 2.5%;
font-size: 110%;
color: #ffffff;
}
.orte-navigation {
float: left;
width: 70%;
margin: 0 0 1rem 0;
padding: 0 2.5% 0 2.5%;
}
#ortemenu ul {
padding: 0 0 0 1%;
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
#ortemenu ul li {
list-style: none;
display: list-item;
padding: 0.375rem 0 0 0;
}
#ortemenu ul li a {
color: #ffffff;
text-decoration: none;
}
#ortemenu ul li a:hover {
color: #8c8c8c;
}
#ortemenu .current-menu-item a {
color: #8c8c8c;
}
#ortemenu ul li:before {
content: "\27A4";
padding: 0 5.263157894736842% 0 0; font-size: 90%;
color: #ffffff;
}
#ortemenu ul li:hover::before {
color: #8c8c8c;
}
#ortemenu .current-menu-item:before {
color: #8c8c8c;
} .sprachwahl {
float: right;
width: 15%;
margin: 1rem 0 0 0;
padding: 0 2.5% 0 2.5%;
}
.sprachwahl ul {
list-style-type: none;
padding: 0 0 0.25rem 0;
margin: 0;
}
.sprachwahl li {
list-style-type: none;
display: inline;
text-align: right;
padding: 0 0 0 0.5rem;
}
#polylang-2 {
padding: 0;
} .footer-navigation {
float: right;
width: 20%;
margin: 0 0 1% 0;
padding: 0 2.5% 0 2.5%;
}
.menu-footernavigation-container {
float: right;
width: 100%;
}
.menu-footernavigation-container ul {
padding: 0 0 0 1%;
}
.menu-footernavigation-container ul li {
text-align: right;
list-style: none;
padding: 0.125rem 0 0.28rem 0;
}
.menu-footernavigation-container ul li a {
color: #ffffff;
text-decoration: none;
}
.menu-footernavigation-container ul li a:hover {
color: #8c8c8c;
}
.menu-footernavigation-container .current-menu-item a {
color: #8c8c8c;
} img.alignright { 
float: right; 
margin: 0rem 0rem 2rem 2rem; 
}
img.alignleft { 
float: left; 
margin: 1rem 2rem 1rem 0rem; 
}
img.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto; 
}
.alignright { 
float: right; 
margin: 0.25rem 0 0 2rem; 
}
.alignleft { 
float: left; 
margin: 0.25rem 2rem 0 0.25rem; 
}
.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto; 
} h1 { 
float: left;
width: 100%;
font-family: 'Helvetica neue';
font-size: 230%;
color: #262626;
margin: 0 0 1rem 0;
padding: 0;
line-height: 125%;
}
h2 {   
float: left;
width: 100%;
font-family: 'Helvetica neue';
font-size: 180%;
color: #262626;
margin: 1rem 0 1rem 0;
padding: 0;
line-height: 130%;
}
h3 {    
float: left;
width: 100%;
font-family: 'Helvetica neue';
font-size: 160%;
color: #262626;
margin: 1rem 0 1rem 0;
padding: 0;
line-height: 140%;
}
h5 {    
float: left;
width: 100%;
font-family: 'Helvetica neue';
font-size: 120%;
color: #262626;
margin: 1rem 0 1rem 0;
padding: 0;
line-height: 140%;
} .page-list li a {
color: #333333;
text-decoration: none;
}
.page-list li {
display: block;
font-size: 1.125rem;
line-height: 1.375rem;
padding: 0.25rem 0 0.25rem 2rem;
text-decoration: none;
}
.page-list {
padding: 0;
}
.page-list .children {
padding: 0;
}
.page-list .children li {
font-size: 1rem;
margin: 0.25rem 0 0.25rem 0;
}
.page-list .children li a {
color: #333333!important;
text-decoration: none;
}
.page-list .children li a:hover {
color: #666666!important;
}
.page-list .children li:before {
content: "\27A4";
padding: 0 1rem 0 0; 
font-size: 90%;
color: #333333!important;
}
.page-list .children li:hover:before {
color: #666666!important;
}
.page-list li:before {
content: "\27A4";
padding: 0 1rem 0 0; 
font-size: 90%;
color: #333333;
}
.page-list li:hover:before {
color: #8c8c8c;
} @media (max-width: 1260px) { .logo p {
font-size: 140%;
}
.logo-rechts p {
font-size: 140%;
}
} @media (max-width: 1280px) { .logo p {
font-size: 130%;
}
.logo-rechts p {
font-size: 130%;
}
.roth {
font-size: 90%;
margin: 1.75rem 0 0 0;
}
} @media (max-width: 1150px) { .boxen-headline {
font-size: 125%;
}
.roth {
font-size: 90%;
margin: 1.5rem 0 0 0;
}
.telefon {
font-size: 100%;
}
.email {
font-size: 90%;
}
} @media (max-width: 1090px) { .logo p {
margin: 2.884615384615385% 0 0 0; font-size: 125%;
line-height: 125%; 
}
.logo-rechts p {
margin: 2.884615384615385% 0 0 0; font-size: 125%;
line-height: 125%; 
}
} @media (max-width: 1050px) { .logo p {
margin: 1.923076923076923% 0 0 0; font-size: 125%;
line-height: 125%; 
}
.logo-rechts p {
margin: 1.923076923076923% 0 0 0; font-size: 125%;
line-height: 125%; 
}
.boxen-headline {
font-size: 115%;
}
.roth {
margin: 1.25rem 0 0 0; }
.telefon {
font-size: 90%;
}
} @media (max-width: 1000px) { .logo p {
margin: 1.923076923076923% 0 0 0; font-size: 110%;
line-height: 125%; 
}
.logo-rechts p {
margin: 1.923076923076923% 0 0 0; font-size: 110%;
line-height: 125%; 
}
} @media (max-width: 960px) { .headbild {
width: 100%;
}
.radar {
display: none!important;
}
.kontakt {
display: none;
}
.kontakt-mobil {
display: block;
float: right;
width: 43.42105263157895%; background-color: #8c8c8c;
background-image: url(//kfz-gutachten-bonn.de/wp-content/themes/roth/png/bg-boxen.png);
background-repeat: repeat-x;
padding: 2.631578947368421%; margin: 5% 0 2.5% 0;
}
.roth {
margin: 2rem 0 0 0;
}
.telefon {
font-size: 125%;
} 
.telefon a {
color: #ffffff;
text-decoration: none;
} 
.email a {
font-size: 120%;
} .navigation {
width: 100%;
} #cssmenu {
position: relative;
}
#cssmenu #menu-button {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
cursor: pointer;
background-color: #333333;
font-size: 130%;
}
#cssmenu #menu-button:after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 32px;
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
right: 20px;
top: 16px;
}
#cssmenu #menu-button:before {
display: block;
content: '';
position: absolute;
height: 6px;
width: 32px;
border-bottom: 5px solid #ffffff;
right: 20px;
top: 26px;
}
#cssmenu > ul {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.35s ease-out;
-moz-transition: max-height 0.35s ease-out;
-ms-transition: max-height 0.35s ease-out;
-o-transition: max-height 0.35s ease-out;
transition: max-height 0.35s ease-out;
}
#cssmenu > ul > li:hover > ul {
width: 100%;
display: block;
-webkit-transition: max-height 0.35s ease-out;
-moz-transition: max-height 0.35s ease-out;
-ms-transition: max-height 0.35s ease-out;
-o-transition: max-height 0.35s ease-out;
transition: max-height 0.35s ease-out;
max-height: 999px; 
}
#cssmenu > ul > li > ul {
width: 100%;
display: block;
}
#cssmenu > ul.open {
max-height: 2000px;
margin: 1.5% 0 0 0;
}
#cssmenu .menu-item-object-page a {
padding: 3%;
margin: 0 0 1.5% 0;
width: 94.01%;
}
.menu-item-object-page ul li a {
padding: 3%!important;
} .inhalt {
width: 100%; } .linke-boxen {
width: 94.73684210526316%; }
.boxen-headline {
font-size: 130%;
}
.reportage {
font-size: 120%;
margin: 2rem 0 1rem 0;
}
.video {
width: 70%;
}
.video iframe {
min-height: 300px;
}
.video-text {
font-size: 120%;
margin: 1rem 0 0.5rem 0;
}
.warum-text p {
margin: 0 0 0 7%;
}
.warum-text ul li {
margin: 1rem 0 0 0;
}
} @media (max-width: 760px) { .logo {
width: 35.52631578947368%; }
.logo-rechts {
width: 35.52631578947368%; }
.kontakt-mobil {
width: 50%; }
.telefon {
font-size: 115%;
} 
.email a {
font-size: 110%;
} #ortemenu ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.orte-navigation {
width: 65%;
}
.footer-navigation {
width: 25%;
}
} @media (max-width: 680px) { .roth {
margin: 0.125rem 0 0 0;
color: #333333;
}
.telefon {
margin: 0.675rem 0 0 0;
}
.logo p {
font-size: 100%;
}
.logo-rechts p {
font-size: 100%;
} .box1 {
width: 95.45454545454545%; font-size: 110%;
margin: 0 0 2.5% 0;
}
.box2 {
width: 95.45454545454545%; font-size: 110%;
}
.deutschland-karte {
width: 95.45454545454545%; padding: 2.272727272727273% 2.272727272727273% 0 2.272727272727273%;
}
.karte-orte {
width: 95.45454545454545%; padding: 0 2.272727272727273% 2.272727272727273% 2.272727272727273%;
}
} @media (max-width: 610px) { .telefon {
font-size: 105%;
} 
.email a {
font-size: 100%;
} .cell {
display: block;
width: 100%!important;
} .boxen-headline {
font-size: 120%;
margin: 0.5rem 0 0 0;
}
.reportage {
float: left;
}
.video {
width: 100%;
}
.video-text {
font-size: 110%;
margin: 1rem 0 0.5rem 0;
}
.warum-text ul li {
margin: 1.5rem 0 0 0;
}
.leistungen h3 {
height: auto;
} .orte-navigation {
padding: 0 0 0 2.5%;
width: 55%;
}
.footer-navigation {
padding: 0 2.5% 0 0;
width: 35%;
}
} @media (max-width: 560px) { .logo {
width: 100%;
text-align: center;
}
.logo-rechts {
width: 100%;
text-align: center;
}
.logo p {
font-size: 120%;
}
.logo-rechts p {
font-size: 120%;
}
.logo img {
width: 50%;
}
.logo-rechts img {
width: 50%;
}
.kontakt-mobil {
width: 94.73684210526316%; }
.kontakt-bild img {
float: right;
width: 70%;
}
.telefon {
margin: 1rem 0 0 0;
font-size: 120%;
}
.email {
font-size: 115%;
} .anfrage-box {
margin: 2.5rem 0 0 0;
} .linke-spalte {
width: 100%;
padding: 0;
}
.linke-spalte p {
margin: 0 0 1rem 0; 
}
.rechte-spalte {
float: left;
width: 100%;
text-align: left;
}
.rechte-spalte p {
margin: 0 0 1rem 0; 
} #FSContact2 {
width: 100%;
} #FSContact3 .fscf-input-text {
width: 98%;
}
#FSContact3 .fscf-input-textarea {
width: 98%;
}
#FSContact3 .fscf-input-captcha {
width: 98%;
}
#FSContact3 .fscf-input-select {
width: 98%;
}
#FSContact3 .fscf-button-submit{
width: 100%;
} .orte-headline {
font-size: 100%;
}
} @media (max-width: 510px) { #ortemenu ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.orte-navigation {
float: left;
width: 50%;
}
.footer-navigation {
float: left;
width: 45%;
}
} @media (max-width: 470px) { .kontakt-bild img {
width: 85%;
}
} @media (max-width: 410px) { .kontakt-bild img {
width: 95%;
} .kontakt-technik {
width: 95%;
padding: 2.5%;
background-position: center 1rem;
}
.kontakt-technik h1 {
float: left;
width: 100%;
font-size: 140%;
margin: 6rem 0 0 0;
}
.kontakt-technik h2 {
float: left;
width: 100%;
font-size: 120%;
color: #333333;
margin: 0.5rem 0 0 0;
padding: 0;
line-height: 130%;
}
.kontakt-technik p {
float: left;
width: 95%;
font-size: 100%;
margin: 0.5rem 0 0 0;
padding: 0 5% 0 0;
line-height: 190%;
}
.kontakt-technik p a {
color: #333333;
text-decoration: none;
font-weight: bold;
}
.kontakt-technik p a:hover {
color: #333333;
}
} @media (max-width: 380px) { .logo img {
width: 100%;
}
.logo-rechts img {
width: 100%;
}
.kontakt-bild img {
width: 100%;
}
.telefon {
font-size: 100%;
}
.email {
font-size: 100%;
}
.warum-text {
margin: 1rem 0 0 0;
} .karte-orte ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
} .orte-navigation {
width: 95%;
}
.footer-navigation {
width: 95%;
}
} @media (max-width: 340px) { .telefon {
font-size: 90%;
margin: 1.5rem 0 0 0;
}
.email {
font-size: 90%;
}
}
#8c8c8c