/*

Theme Name: the7dtchild

Author: Dream-Theme

Author URI: http://dream-theme.com/

Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!

Version: 1.0.0

License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended

Template: dt-the7

*/
/*------------------------------------------------------------------------------------------------------*/
/* FONTS EINBINDEN */
/*-------------------------------------------------------------------------------------------------------*/
/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-v47-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-condensed-v27-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 100;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 100;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 200;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 200;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 300;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 300;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 500;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 600;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-mono-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 700;
  src: url('https://kundenlogin.zfp-muenchen.de/wp-content/themes/zfp-child/fonts/roboto-mono-v23-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*------------------------------------------------------------------------------------------------------

HEADER LINIE

-------------------------------------------------------------------------------------------------------*/
.masthead {
  border-bottom: 1px solid #ffffff !important;
  border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 1) 100%);
  border-image-slice: 1;
  -webkit-border-image-width: 0 0 1px 0;
  border-image-width: 0 0 1px 0;
}
/*------------------------------------------------------------------------------------------------------

HEADER MENU NAV

-------------------------------------------------------------------------------------------------------*/
.sticky-on .main-nav {
  margin-left: -18px !important;
}
.main-nav > li::before {
  content: '' !important;
  border-left: 1px solid #ffffff !important;
  position: absolute !important;
  height: 50% !important;
  left: 0 !important;
  top: 0px !important;
  z-index: 2 !important;
}
.main-nav > li > a {
  letter-spacing: 1.5px !important;
  padding-top: 15px !important;
  margin-bottom: 42px !important;
}
.main-nav .menuepunkt-standorte.depth-0::after {
  content: '' !important;
  display: block !important;
  background-image: linear-gradient(to right, #009fe3 50%, #97c120 50%) !important;
  position: absolute !important;
  top: 41px !important;
  width: 175px !important;
  height: 3.5px !important;
  right: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.menuepunkt-standorte a[data-level="1"] {
  right: 0 !important;
  top: 0px !important;
  z-index: 2 !important;
}
@media only screen and (min-width: 1400px) and (max-width: 1688px) {
  .main-nav > li > a {
    letter-spacing: 1.5px !important;
    padding-top: 15px !important;
    margin-bottom: 42px !important;
    width: auto !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
.main-nav .menuepunkt-standorte.depth-0::after {
  content: '';
  background-image: linear-gradient(to right, #009fe3 50%, #97c120 50%) !important;
  position: absolute !important;
  top: 40px !important;
  width: 83px !important;
  height: 3.5px !important;
  right: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.main-nav .menuepunkt-standorte a[data-level="1"]:hover {
  background-image: linear-gradient(to right, #00a0e3 50%, #97c120 50%) !important;
}
.main-nav .menuepunkt-standorte a[data-level="1"]:active {
  background-image: linear-gradient(to right, #009fe3 50%, #97c120 50%) !important;
}
#primary-menu .mega-full-width .dt-mega-menu-wrap {
  width: 100vw !important;
  margin-left: -20px !important;
}
.main-nav .act.menuepunkt-standorte a[data-level="1"] {
  background-image: linear-gradient(to right, #009fe3 50%, #97c120 50%) !important;
}
/*------------------------------------------------------------------------------------------------------

HEADER ZFP LOGO

-------------------------------------------------------------------------------------------------------*/
.branding img {
  position: absolute;
  left: -30px;
  top: 40px;
  -webkit-box-shadow: 0px 0px 20px -6px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 20px -6px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 20px -6px rgba(255, 255, 255, 1);
  z-index: 999 !important;
  height: 85px !important;
  width: auto !important;
}
.mobile-branding img {
  height: 52px !important;
  width: auto !important;
  position: absolute;
  left: -30px;
  top: 27px;
  -webkit-box-shadow: 0px 0px 15px -6px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 15px -6px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 15px -6px rgba(255, 255, 255, 1);
  z-index: 999 !important;
}
/*------------------------------------------------------------------------------------------------------

HEADER MEGAMENÜ / SUBMENÜ

-------------------------------------------------------------------------------------------------------*/
.dt-mega-menu .sub-nav a[data-level="2"] {
  margin-top: -11px !important;
}
.dt-mega-menu .dt-mega-menu-wrap li a[data-level="2"], .dt-mega-menu .dt-mega-menu-wrapa li a[data-level="3"] {
  width: 440px !important;
}
.dt-mega-menu .submenu-spalte-1 {
  width: 440px !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  margin-left: 20% !important;
  margin-right: 150px !important;
}
.dt-mega-menu .submenu-spalte-2 {
  width: 440px !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  margin-left: 0px !important;
}
.dt-mega-menu .submenu-spalte-1:after {
  content: "";
  left: 118% !important;
  position: absolute !important;
  display: block !important;
  top: -50px !important;
  height: 130% !important;
  width: 1px;
  border-right: 1px solid #fff !important;
}
.dt-mega-menu .submenu-spalte-1:before {
  content: "";
  left: 118%;
  position: absolute !important;
  display: block !important;
  top: -1px !important;
  height: 100% !important;
  width: 1px;
  border-right: 1px solid #009fe3 !important;
  z-index: 1;
}
.dt-mega-menu.menu-item-21 .submenu-spalte-1, .dt-mega-menu.menu-item-21 .submenu-spalte-2, .dt-mega-menu.menu-item-21 .submenu-spalte-3, .dt-mega-menu.menu-item-22 .submenu-spalte-1, .dt-mega-menu.menu-item-22 .submenu-spalte-2, .dt-mega-menu.menu-item-22 .submenu-spalte-3 {
  width: inherit !important;
  width: 33.3% !important;
  margin: 0 0 !important;
}
.dt-mega-menu.menu-item-21 .submenu-spalte-1:after, .dt-mega-menu.menu-item-21 .submenu-spalte-2:after, .dt-mega-menu.menu-item-22 .submenu-spalte-1:after, .dt-mega-menu.menu-item-22 .submenu-spalte-2:after {
  content: "";
  left: auto !important;
  right: 0 !important;
  position: absolute !important;
  display: block !important;
  top: -50px !important;
  height: 130% !important;
  width: 1px;
  border-right: 1px solid #fff !important;
}
.dt-mega-menu.menu-item-21 .submenu-spalte-1:before, .dt-mega-menu.menu-item-21 .submenu-spalte-2::before, .dt-mega-menu.menu-item-22 .submenu-spalte-1:before, .dt-mega-menu.menu-item-22 .submenu-spalte-2::before {
  content: "";
  left: auto !important;
  right: 0 !important;
  position: absolute !important;
  display: block !important;
  top: -1px !important;
  height: 100% !important;
  width: 1px;
  border-right: 1px solid #009fe3 !important;
  z-index: 1;
}
.menu-item-21 .dt-mega-menu-wrap, .menu-item-22 .dt-mega-menu-wrap {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.sub-nav.right-overflow {
  right: 0px !important
}
.main-nav .sub-nav a[data-level="2"] .menu-text {
  font-family: "Roboto Condensed" !important;
  font-size: 50px !important;
  line-height: 1.03 !important;
  font-weight: 100 !important;
}
.main-nav .sub-nav > li > a[data-level="3"] .menu-text {
  font-size: 19px !important;
  line-height: 0.6 !important;
  font-weight: 100 !important;
}
.main-nav .sub-nav > li > a[data-level="3"] .menu-text:hover {
  font-weight: 500 !important;
}
.main-nav .sub-nav a[data-level="2"] .menu-text:hover {
  font-weight: 100 !important;
  color: #009fe3 !important;
}
.main-nav .sub-nav > li > a:before {
  content: "";
  display: block;
  margin: 0 -9999rem;
  padding: 0.2px 9999rem;
  background: #fff !important;
  margin-bottom: -30px !important;
}
.main-nav .sub-nav > li.dt-mega-parent > a:before {
  content: "";
  display: block;
  margin: 0 -9999rem;
  padding: 0.2px 9999rem;
  background: #ffffff !important;
  margin-bottom: 125px !important;
  z-index: 1 !important;
}
.main-nav .sub-nav a[data-level="2"] .menu-text:after {
  content: "";
  position: relative !important;
  bottom: -8px !important;
  display: block;
  margin: 0 -9999rem;
  padding: 0.1px 9999rem;
  height: 1px;
  background: #009fe3 !important;
}
.main-nav .sub-nav a[data-level="2"]:after {
  content: "" !important;
  display: block !important;
  width: 80px !important;
  height: 3px !important;
  background-color: #fff;
  position: absolute !important;
  top: 8px !important;
  left: 1.5% !important;
  z-index: 3 !important;
}
.main-nav .sub-nav a[data-level="2"]:hover:after {
  background-color: #009fe3;
}
.main-nav .sub-nav a[data-level="2"]:hover {
  color: #009fe3 !important;
}
.sub-nav .dt-hovered > a[data-level="2"] .menu-text {
  color: #009FE3 !important;
}
.sub-nav .dt-hovered > a[data-level="2"]:after {
  background-color: #009fe3;
}
.sub-nav i.next-level-button::before {
  font-size: 15px !important;
}
.submenu-spalte-2.none a[data-level="2"] {
  opacity: 0 !important;
}
.main-nav .sub-nav .reg a[data-level="2"]:hover:after {
  background-color: #97c120;
}
.main-nav .sub-nav .reg a[data-level="2"]:hover {
  color: #97c120 !important;
}
.sub-nav .reg a[data-level="2"]:hover .menu-text {
  color: #97c120 !important;
}
/*------------------------------------------------------------------------------------------------------

MOBILES MENÜ

-------------------------------------------------------------------------------------------------------*/
.mobile-main-nav {
  padding-left: 25px;
}
.mobile-main-nav .submenu-spalte-1 {
  margin-bottom: 35px;
}
.mobile-main-nav .sub-nav > li > a:before {
  content: "";
  display: block;
  margin: 0 -9999rem;
  padding: 0.2px 9999rem;
  background: #fff !important;
  margin-top: -50px !important;
}
.mobile-main-nav a[data-level="1"] .menu-text {
  font-size: 24px;
}
.mobile-main-nav .sub-nav a[data-level="2"] .menu-text {
  font-family: "Roboto Condensed" !important;
  font-size: 24px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 100 !important;
  line-height: 1.2 !important;
}
.mobile-main-nav .sub-nav a[data-level="2"] {
  margin-left: -15px !important;
  margin-top: 25px !important;
}
.mobile-main-nav .sub-nav a[data-level="3"] {
  margin-left: -36px !important;
}
.mobile-main-nav a[data-level="3"] .menu-text {
  font-size: 21px !important;
  text-transform: none !important;
}
.mobile-main-nav a[data-level="3"] .menu-text:hover {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.mobile-main-nav a[data-level="3"] .menu-text:active {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.mobile-main-nav .sub-nav > li > a[data-level="3"]:before {
  content: "";
  display: block;
  margin: 0 -9999rem;
  padding: 0.2px 9999rem;
  background: #fff !important;
  margin-bottom: -88px !important;
}
.mobile-main-nav .sub-nav a[data-level="2"]:before {
  content: "";
  display: block;
  margin: 0 -9999rem;
  padding: 0.2px 9999rem;
  background: #ffffff !important;
  margin-bottom: 33px !important;
  z-index: 1 !important;
}
.mobile-main-nav .sub-nav a[data-level="2"] .menu-text:after {
  content: "";
  position: relative !important;
  bottom: -8px !important;
  display: block;
  margin: 0 -9999rem;
  padding: 0.1px 9999rem;
  height: 1px;
  background: #009fe3 !important;
  z-index: 6;
}
.mobile-main-nav .sub-nav a[data-level="2"]:after {
  content: "";
  display: block;
  width: 45px !important;
  height: 3px !important;
  background-color: #ffffff;
  position: relative;
  top: -40px !important;
  left: -168px !important;
  z-index: 5 !important;
}
.mobile-header-scrollbar-wrap {
  overflow-x: hidden !important;
}
.dt-mobile-header.dt-parent-menu-clickable {
  overflow-x: hidden !important;
}
.dt-mobile-header .mobile-main-nav a[data-level="2"].act .menu-text {
  color: #009fe3 !important;
}
.mobile-main-nav .sub-nav a[data-level="2"].act:after {
  content: "";
  display: block;
  width: 45px !important;
  height: 3px !important;
  background-color: #009fe3;
  position: relative;
  top: -40px !important;
  left: -168px !important;
  z-index: 5 !important;
}
/*mobile "Über uns" angepasst*/
.mobile-main-nav .mobile-level2 a[data-level="2"] {
  margin-left: -16px !important;
  color: #ffffff !important;
  font-size: 22px !important;
  text-transform: none !important;
  margin-top: 0px !important;
}
.mobile-main-nav .mobile-level2 a[data-level="2"] .menu-text {
  font-size: 22px !important;
  text-transform: none !important;
  color: #ffffff !important;
}
.mobile-main-nav .mobile-level2.menu-text {
  color: #ffffff !important;
}
.mobile-main-nav .mobile-level2 a[data-level="2"] .menu-text:hover {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.mobile-main-nav .mobile-level2 a[data-level="2"] .menu-text:active {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.mobile-main-nav .mobile-level2 > li > a[data-level="2"]:before {
  content: "";
  display: block;
  margin: 0 -9999rem;
  padding: 0.2px 9999rem;
  background: #fff !important;
  margin-bottom: -88px !important;
}
.dt-mobile-header .mobile-main-nav .mobile-level2 a[data-level="2"].act .menu-text {
  color: #ffffff !important;
}
.mobile-main-nav .mobile-level2 a[data-level="2"].act:after {
  content: "";
  display: block;
  width: 45px !important;
  height: 3px !important;
  background-color: #ffffff;
  position: relative;
  top: -40px !important;
  left: -168px !important;
  z-index: 5 !important;
}
.mobile-main-nav .mobile-level2 a[data-level="2"]:before {
  content: "";
  display: block;
  margin: 0 -9999rem;
  padding: 0.2px 9999rem;
  background: #ffffff !important;
  margin-bottom: -3px !important;
  z-index: 1 !important;
}
.mobile-main-nav .mobile-level2:not(:last-child) a[data-level="2"] .menu-text:after {
  display: none !important;
}
.mobile-main-nav .mobile-level2 a[data-level="2"] .menu-text:after {
  content: "";
  position: relative !important;
  bottom: -8px !important;
  display: block;
  margin: 0 -9999rem;
  padding: 0.1px 9999rem;
  height: 1px;
  background: #ffffff !important;
  z-index: 6;
}
.mobile-main-nav .mobile-level2 a[data-level="2"]:after {
  display: none !important;
}
/*------------------------------------------------------------------------------------------------------

ALLGEMEINES

-------------------------------------------------------------------------------------------------------*/
.uvc-headings-line {
  width: 9% !important;
}
@media only screen and (max-width: 768px) {
  .uvc-headings-line {
    width: 16% !important;
  }
}
/*----- ZEILE ÜBERPRÜFEN -----*/
#ueberpruefen-startseite .footer-liste::before {
  content: '';
  border-left: 1px solid #00a0e3 !important;
  position: absolute;
  height: 77%;
  left: 0;
  top: 36px;
  z-index: 2;
}
ul {
  list-style-type: none !important; /* Remove bullets */
}
/*------------------------------------------------------------------------------------------------------

BUTTONS

-------------------------------------------------------------------------------------------------------*/
.dt-btn {
  font-family: "Roboto Mono" !important;
  font-size: 16px !important;
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 4px !important;
  padding-bottom: 0px !important;
  border-top: solid 1px #fff !important;
  letter-spacing: 1px !important;
  font-weight: 100 !important;
}
.dt-btn-dunkel {
  font-family: "Roboto Mono" !important;
  font-size: 16px !important;
  color: #444444 !important;
  font-weight: 200 !important;
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 4px !important;
  padding-bottom: 0px !important;
  border-top: solid 1px #444444 !important;
  letter-spacing: 1px !important;
}
.dt-btn-dunkel:hover {
  color: #009de0 !important;
}
.dt-btn-blau {
  font-family: "Roboto Mono" !important;
  font-size: 16px !important;
  color: #009de0 !important;
  font-weight: 200 !important;
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 4px !important;
  padding-bottom: 0px !important;
  border-top: solid 1px #009de0 !important;
  letter-spacing: 1px !important;
}
.dt-btn-blau:hover {
  color: #444444 !important;
  border-top: solid 1px #444444 !important;
}
.dt-btn-bg {
  font-family: "Roboto Mono" !important;
  font-size: 16px !important;
  color: #ffffff !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  padding-bottom: 5px !important;
  border-top: 0px !important;
  border-radius: 6px 6px 0px 0px !important;
  letter-spacing: 1px !important;
  font-weight: 100 !important;
  background-color: #1D1D1B !important;
  text-decoration: overline;
}
.dt-btn-bg:hover {
  color: #009de0 !important;
  text-decoration: overline !important;
}
.element-oberflaechen .dt-btn {
  font-family: "Roboto Mono" !important;
  font-size: 16px !important;
  color: #fff !important;
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 4px !important;
  padding-bottom: 0px !important;
  border-top: solid 1px #009de0 !important;
  letter-spacing: 1px !important;
  font-weight: 100 !important;
}
.element-oberflaechen .dt-btn:hover {
  color: #009de0 !important;
  border-top: solid 1px #009de0 !important;
}
.highlight-btn {
  border-top: none !important;
  border: 1px solid #009de0 !important;
  border-radius: 0px !important;
  padding: 0.7rem !important;
  background-color: #009de0 !important;
  color: #fff !important;
}
.regular-btn {
  border-top: none !important;
  border: 1px solid #fff !important;
  border-radius: 0px !important;
  padding: 0.7rem !important;
}
.highlight-btn:hover, .regular-btn:hover {
  background-color: #fff !important;
  color: #002839 !important;
  border-color: #fff !important;
}
/*------------------------------------------------------------------------------------------------------

STARTSEITE BOX VOLUMENPRÜFVERFAHREN

-------------------------------------------------------------------------------------------------------*/
.teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
  z-index: -1 !important;
  position: relative;
  background-position: bottom !important;
  min-height: 296.25px !important;
}
.box-ueberschrift::before {
  content: "";
  display: inline;
  background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
  background-repeat: no-repeat;
  background-position: top center !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  z-index: -1 !important;
}
.box-ueberschrift::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #009de0;
  top: 60px;
  left: 0px;
  z-index: 3 !important;
}
.box-ueberschrift p {
  font-family: "Roboto Mono";
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding-top: 25px;
  text-transform: uppercase;
  color: #ffffff !important;
  z-index: 6 !important;
}
.box-text p {
  font-family: "Roboto" !important;
  font-weight: 400 !important;
}
.box-text-weiss p {
  font-family: "Roboto" !important;
  font-weight: 400 !important;
  color: #ffffff !important;
}
#box-trennstrich::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 20%;
  background-color: #666666;
  left: 0px;
}
.robo img {
  margin-top: -165px;
  margin-right: -17% !important;
  margin-bottom: -710px;
}
.teaserrow-1 {
  z-index: 8 !important;
}
.teaserrow-2 {
  margin-top: -175px;
}
.teaserrow-3 {
  margin-top: 15px !important;
}
.robo::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 581px !important;
  background: linear-gradient(0deg, rgba(0, 157, 224, 1) 55%, rgba(0, 157, 224, 0) 94%) !important;
  left: 59.8% !important;
  top: 610px !important;
}
.punkt::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50px !important;
  background-color: #009de0 !important;
  left: -18px !important;
  top: 20px !important;
}
.robo::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 555px !important;
  background: linear-gradient(0deg, rgba(0, 157, 224, 1) 55%, rgba(0, 157, 224, 0) 94%) !important;
  left: 59.8% !important;
  top: 610px !important;
}
@media only screen and (max-width: 1365px) {
  .robo::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 1px !important;
    height: 505px !important;
    background: linear-gradient(0deg, rgba(0, 157, 224, 1) 55%, rgba(0, 157, 224, 0) 94%) !important;
    left: 59.8% !important;
    top: 610px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .robo::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 1px !important;
    height: 410px !important;
    background: linear-gradient(0deg, rgba(0, 157, 224, 1) 55%, rgba(0, 157, 224, 0) 94%) !important;
    left: 59.8% !important;
    top: 610px !important;
  }
}
@media only screen and (max-width: 800px) {
  .robo::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 1px !important;
    height: 355px !important;
    background: linear-gradient(0deg, rgba(0, 157, 224, 1) 55%, rgba(0, 157, 224, 0) 94%) !important;
    left: 59.8% !important;
    top: 610px !important;
  }
}
/*------- STARTSEITE BOX VOLUMENPRÜFVERFAHREN VERSCH. MEDIA -----------*/
.teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
  z-index: -1 !important;
  position: relative;
  background-position: bottom !important;
  min-height: 296.25px !important;
}
@media only screen and (min-width: 1207px) and (max-width: 1307px) {
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 276.25px !important;
  }
}
@media only screen and (min-width: 1097px) and (max-width: 1207px) {
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 246.25px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1096px) {
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative !important;
    background-position: bottom !important;
    min-height: 220px !important;
  }
}
/*------- STARTSEITE BOX VOLUMENPRÜFVERFAHREN SMARTPHONE -----------*/
@media only screen and (min-width: 100px) and (max-width: 767px) {
  .startseite-headings-mobil h2 {
    font-family: "Roboto" !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-transform: none !important;
    color: #191919 !important;
  }
  .teaserrow-1 {
    z-index: 8 !important;
  }
  .teaserrow-2 {
    margin-top: 0px !important;
  }
  .teaserrow-3 {
    margin-top: 0px !important;
  }
  .robo-mobil {
    width: 135% !important;
  }
  .robo-mobil img {
    margin-left: -440px !important;
    margin-bottom: -60px !important;
  }
}
/* -------------------------------------------------------------- */
@media only screen and (min-width: 540px) and (max-width: 765px) {
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 250px !important;
  }
  .box-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .box-ueberschrift {
    margin-bottom: -35px;
  }
  .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.9rem !important;
    line-height: 1rem !important;
  }
  .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    line-height: 1rem !important;
    margin-top: 12px;
  }
  .box-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 55px;
    left: 0px;
    z-index: 3 !important;
  }
  .dt-btn-bg {
    font-family: "Roboto Mono";
    font-size: 1rem;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 0px;
    border-radius: 6px 6px 0px 0px;
    letter-spacing: 1px !important;
    font-weight: 100 !important;
    background-color: #1D1D1B !important;
    text-decoration: overline;
  }
  .dt-btn-blau {
    font-family: "Roboto Mono";
    font-size: 1rem;
    color: #009de0 !important;
    font-weight: 200 !important;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: solid 1px #009de0;
    letter-spacing: 1px !important;
  }
  .robo-mobil img {
    width: 290% !important;
    margin-top: 0px;
    margin-right: 30% !important;
    margin-bottom: -80px !important;
  }
}
/* VOLUMENPRÜFVERFAHREN BOXEN GALAXY FOLD 280px */
@media screen and (min-width: 100px) and (max-width: 319px) {
  #volumenpruefverfahren-mobil .startseite-headings-mobil h2 {
    font-size: 1rem !important;
    line-height: 1.2rem !important;
  }
  .uvc-heading h2 {
    font-size: 2.2rem !important;
    line-height: 2.3rem !important;
  }
  .teaserrow-1 .vc_col-xs-6, .teaserrow-3 .vc_col-xs-6 {
    width: 100% !important;
  }
  .teaserrow-1 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 256px !important;
  }
  .box-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 60px;
    left: 0px;
    z-index: 3 !important;
  }
  .box-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 1rem !important;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .box-ueberschrift {
    margin-bottom: 0px !important;
  }
  .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.9rem !important;
    line-height: 1rem !important;
  }
  .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    line-height: 1rem !important;
    margin-top: 13px;
  }
  .dt-btn-bg {
    font-family: "Roboto Mono";
    font-size: 0.9rem;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 0px;
    border-radius: 6px 6px 0px 0px;
    letter-spacing: 1px !important;
    font-weight: 100 !important;
    background-color: #1D1D1B !important;
    text-decoration: overline;
  }
  .dt-btn-blau {
    font-family: "Roboto Mono";
    font-size: 0.9rem;
    color: #009de0 !important;
    font-weight: 200 !important;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: solid 1px #009de0;
    letter-spacing: 1px !important;
  }
}
/* -------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 359px) {
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 148px !important;
  }
  .box-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 0.8rem;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .box-ueberschrift {
    margin-bottom: 0px !important;
  }
  .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
  }
  .teaserrow-3 .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
    margin-top: 22px !important;
  }
  .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
    margin-top: 21px;
  }
  .box-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 40px;
    left: 0px;
    z-index: 3 !important;
  }
  .dt-btn-bg {
    font-family: "Roboto Mono";
    font-size: 12px;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 3px;
    border-top: 0px;
    border-radius: 6px 6px 0px 0px;
    letter-spacing: 1px !important;
    font-weight: 100 !important;
    background-color: #1D1D1B !important;
    text-decoration: overline;
  }
  .dt-btn-blau {
    font-family: "Roboto Mono";
    font-size: 12px;
    color: #009de0 !important;
    font-weight: 200 !important;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: solid 1px #009de0;
    letter-spacing: 1px !important;
  }
}
/* -------------------------------------------------------------- */
@media only screen and (min-width: 360px) and (max-width: 374px) {
  .teaserrow-1 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 158px !important;
  }
  .box-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 0.8rem;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .box-ueberschrift {
    margin-bottom: 0px !important;
  }
  .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
  }
  .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
    margin-top: 21px;
  }
  .box-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 40px;
    left: 0px;
    z-index: 3 !important;
  }
  .dt-btn-bg {
    font-family: "Roboto Mono";
    font-size: 12px;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 3px;
    border-top: 0px;
    border-radius: 6px 6px 0px 0px;
    letter-spacing: 1px !important;
    font-weight: 100 !important;
    background-color: #1D1D1B !important;
    text-decoration: overline;
  }
  .dt-btn-blau {
    font-family: "Roboto Mono";
    font-size: 12px;
    color: #009de0 !important;
    font-weight: 200 !important;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: solid 1px #009de0;
    letter-spacing: 1px !important;
  }
  .teaserrow-3 .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
    margin-top: 22px !important;
  }
}
/* -------------------------------------------------------------- */
@media only screen and (min-width: 375px) and (max-width: 539px) {
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 178px !important;
  }
  .box-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 0.8rem;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .box-ueberschrift {
    margin-bottom: 0px !important;
  }
  .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
  }
  .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
    margin-top: 21px;
  }
  .teaserrow-3 .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.7rem !important;
    line-height: 0.9rem !important;
    margin-top: 22px !important;
  }
  .box-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 40px;
    left: 0px;
    z-index: 3 !important;
  }
  .dt-btn-bg {
    font-family: "Roboto Mono";
    font-size: 12px;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 3px;
    border-top: 0px;
    border-radius: 6px 6px 0px 0px;
    letter-spacing: 1px !important;
    font-weight: 100 !important;
    background-color: #1D1D1B !important;
    text-decoration: overline;
  }
  .dt-btn-blau {
    font-family: "Roboto Mono";
    font-size: 12px;
    color: #009de0 !important;
    font-weight: 200 !important;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: solid 1px #009de0;
    letter-spacing: 1px !important;
  }
}
/*------- STARTSEITE BOX VOLUMENPRÜFVERFAHREN IPAD -----------*/
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  #volumenpruefverfahren-mobil {
    display: none !important;
  }
  #volumenpruefverfahren-desktop {}
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
    min-height: 176px !important;
  }
  .box-ueberschrift::before {
    content: "";
    display: inline;
    background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
    background-repeat: no-repeat;
    background-position: top center !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: -1 !important;
  }
  .box-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 45px;
    left: 0px;
    z-index: 3 !important;
  }
  .box-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 0.9rem !important;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .box-ueberschrift {
    margin-bottom: -35px;
  }
  .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.8rem !important;
    line-height: 1rem !important;
  }
  .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    line-height: 1rem !important;
    margin-top: 15px;
  }
  #box-trennstrich::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 20%;
    background-color: #666666;
    left: 0px;
  }
  .robo img {
    width: 80%;
    margin-top: -89px;
    margin-right: -18% !important;
    margin-bottom: -1200px !important;
  }
  .teaserrow-1 {
    z-index: 8 !important;
  }
  .teaserrow-2 {
    margin-top: -130px !important;
  }
  .teaserrow-3 {
    margin-top: 15px !important;
  }
  .dt-btn-bg {
    font-family: "Roboto Mono";
    font-size: 0.8rem;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    border-top: 0px;
    border-radius: 6px 6px 0px 0px;
    letter-spacing: 1px !important;
    font-weight: 100 !important;
    background-color: #1D1D1B !important;
    text-decoration: overline;
  }
  .dt-btn-blau {
    font-family: "Roboto Mono";
    font-size: 0.8rem;
    color: #009de0 !important;
    font-weight: 200 !important;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: solid 1px #009de0;
    letter-spacing: 1px !important;
  }
  .robo::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 380px;
    background: linear-gradient(0deg, rgba(0, 157, 224, 1) 55%, rgba(0, 157, 224, 0) 94%);
    left: 59.8% !important;
    top: 440px !important;
  }
  .punkt::before {
    content: "";
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background-color: #009de0;
    left: -17px !important;
    top: 20px !important;
  }
  h3 {
    font-size: 28px !important;
  }
  .uvc-headings-line {
    width: 9% !important;
  }
}
/*------- STARTSEITE BOX VOLUMENPRÜFVERFAHREN TABLET -----------*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .teaserrow-1 .ult-content-box, .teaserrow-2 .ult-content-box, .teaserrow-3 .ult-content-box {
    z-index: -1 !important;
    position: relative;
    background-position: bottom !important;
  }
  .box-ueberschrift::before {
    content: "";
    display: inline;
    background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
    background-repeat: no-repeat;
    background-position: top center !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: -1 !important;
  }
  .box-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 60px;
    left: 0px;
    z-index: 3 !important;
  }
  .box-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .box-ueberschrift {
    margin-bottom: -35px;
  }
  .box-text p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
  }
  .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    color: #ffffff !important;
  }
  #box-trennstrich::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 20%;
    background-color: #666666;
    left: 0px;
  }
  .robo img {
    width: 80%;
    margin-top: -110px;
    margin-right: -16% !important;
    margin-bottom: -710px !important;
  }
  .teaserrow-1 {
    z-index: 8 !important;
  }
  .teaserrow-2 {
    margin-top: -175px;
  }
  .teaserrow-3 {
    margin-top: 15px !important;
  }
  .robo::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 405px;
    background: linear-gradient(0deg, rgba(0, 157, 224, 1) 55%, rgba(0, 157, 224, 0) 94%);
    left: 60.2% !important;
    top: 540px !important;
  }
  .punkt::before {
    content: "";
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    background-color: #009de0;
    left: -14px !important;
    top: 20px !important;
  }
}
/*------------------------------------------------------------------------------------------------------

STARTSEITE ZEILE OBERFLÄCHENPRÜFVERFAHREN 

-------------------------------------------------------------------------------------------------------*/
.startseite-headings.oberflaeche:before {
  content: "";
  display: block !important;
  width: 50% !important;
  margin-left: -5% !important;
  top: -100px !important;
  height: 1000px !important;
  background: rgba(0, 62, 86, .48);
  z-index: -1 !important;
  position: absolute !important;
  mix-blend-mode: multiply !important;
}
.startseite-headings.oberflaeche {
  z-index: 0 !important;
  position: relative !important;
}
.element-oberflaechen-ueberschrift p {
  font-family: "Roboto Mono";
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding-top: 25px;
  text-transform: uppercase;
  color: #ffffff !important;
  z-index: 6 !important;
}
.element-oberflaechen-ueberschrift {
  margin-bottom: 35px !important;
}
.row-oberflaechen .ult-content-box {
  z-index: 9 !important;
  position: relative;
  background-position: bottom !important;
}
.element-oberflaechen-ueberschrift::before {
  content: "";
  display: block;
  background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
  background-repeat: no-repeat;
  background-position: top center !important;
  width: 100% !important;
  height: 130% !important;
  position: absolute !important;
  z-index: -1 !important;
}
.element-oberflaechen-ueberschrift::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #009de0;
  top: 60px;
  left: 0px;
  z-index: 3 !important;
}
#box1-oberflaechen-strich::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 414%;
  background-color: #009de0;
  top: 60px;
  left: 0px;
  z-index: 3 !important;
}
#box2-oberflaechen-strich::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  width: 330%;
  background-color: #009de0;
  top: 60px;
  left: 0px;
  z-index: 3 !important;
}
.row-oberflaechen .button-verfahren img {
  margin-right: -35% !important;
  margin-top: -206px !important;
}
#box-button-2021::before {
  content: "Neu 2021";
  color: #fff;
  font-family: "Roboto Mono";
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  height: 60px;
  width: 60px;
  background-color: #009de0;
  padding: 10px;
  border-radius: 100px;
  position: absolute;
  z-index: 10 !important;
  left: -20px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1280px) {
  .element-oberflaechen-ueberschrift {
    margin-bottom: 9% !important;
  }
  .row-oberflaechen .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff !important;
  }
  .row-oberflaechen .element-oberflaechen .dt-btn {
    font-size: 13.5px;
    margin-top: -1px !important;
  }
}
/*------- STARTSEITE ELEMENT OBERFLÄCHENPRÜFVERFAHREN TABLET (iPad Pro Ansicht) -----------*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .startseite-headings.oberflaeche:before {
    content: "";
    display: block !important;
    width: 53.5% !important;
    margin-left: -3% !important;
    top: -100px !important;
    height: 9000px !important;
    background: rgba(0, 62, 86, .48);
    z-index: -1 !important;
    position: absolute !important;
  }
  .startseite-headings.oberflaeche {
    z-index: 0 !important;
    position: relative !important;
  }
  .element-oberflaechen-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 0.9rem;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .element-oberflaechen-ueberschrift {
    margin-bottom: 10px !important;
  }
  .row-oberflaechen .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff !important;
  }
  .row-oberflaechen .element-oberflaechen .dt-btn {
    font-size: 13.5px;
    margin-top: -1px !important;
  }
  .row-oberflaechen .ult-content-box {
    z-index: 9 !important;
    position: relative;
    background-position: bottom !important;
  }
  .element-oberflaechen-ueberschrift::before {
    content: "";
    display: block;
    background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
    background-repeat: no-repeat;
    background-position: top center !important;
    width: 100% !important;
    height: 130% !important;
    position: absolute !important;
    z-index: -1 !important;
  }
  .element-oberflaechen-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 40px;
    left: 0;
    z-index: 3 !important;
  }
  #box1-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 414%;
    background-color: #009de0;
    top: 40px;
    left: 0;
    z-index: 3 !important;
  }
  #box2-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 330%;
    background-color: #009de0;
    top: 40px;
    left: 0;
    z-index: 3 !important;
  }
  .row-oberflaechen .button-verfahren img {
    margin-right: 0 !important;
    margin-top: -173px !important;
  }
  .row-oberflaechen .button-verfahren {
    width: 113% !important;
  }
  #box-button-2021::before {
    content: "Neu 2021";
    color: #fff;
    font-family: "Roboto Mono";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    height: 50px;
    width: 50px;
    background-color: #009de0;
    padding: 10px;
    border-radius: 100px;
    position: absolute;
    z-index: 10 !important;
    left: -30px;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*------- STARTSEITE ELEMENT OBERFLÄCHENPRÜFVERFAHREN SMARTPHONE 100-499px -----------*/
@media only screen and (min-width:100px) and (max-width: 499px) {
  .row-oberflaechen .startseite-headings h2 {
    font-size: 2.5rem !important;
  }
  .startseite-headings.oberflaeche:before {
    content: "";
    display: block !important;
    width: 150% !important;
    margin-left: -10% !important;
    top: -100px !important;
    height: 1000% !important;
    background: rgba(0, 62, 86, .48);
    z-index: -1 !important;
    position: absolute !important;
  }
  .startseite-headings.oberflaeche {
    z-index: 0 !important;
    position: relative !important;
  }
  .row-oberflaechen-boxen1 {
    margin-top: -70px !important;
  }
  .row-oberflaechen-boxen2 {
    margin-top: -20px !important;
    margin-bottom: 40px !important;
  }
  .element-oberflaechen-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 1.2em !important;
    font-weight: 400;
    text-align: center;
    padding-top: 6%;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .element-oberflaechen-ueberschrift {
    margin-bottom: 8% !important;
  }
  .row-oberflaechen .box-text-weiss p {
    font-size: 1rem !important;
    line-height: 1.3rem !important;
    margin-bottom: 3% !important;
    margin-top: -3px !important;
  }
  .element-oberflaechen .dt-btn {
    font-size: 1.2rem !important;
    padding-top: 0px !important;
  }
  .row-oberflaechen .ult-content-box {
    z-index: 9 !important;
    position: relative;
    background-position: bottom !important;
  }
  .element-oberflaechen-ueberschrift::before {
    content: "";
    display: block;
    background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
    background-repeat: no-repeat;
    background-position: top center !important;
    width: 100% !important;
    height: 130% !important;
    position: absolute !important;
    z-index: -1 !important;
  }
  .element-oberflaechen-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 30%;
    left: 0px;
    z-index: 3 !important;
  }
  #box1-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 30%;
    left: 0px;
    z-index: 3 !important;
  }
  #box2-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 30%;
    left: 0px;
    z-index: 3 !important;
  }
  .row-oberflaechen .button-verfahren img {
    margin-top: 30px !important;
  }
  #box-button-2021::before {
    content: "Neu 2021";
    color: #fff;
    font-family: "Roboto Mono";
    text-transform: uppercase;
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    height: 35px;
    width: 35px;
    background-color: #009de0;
    padding: 10px;
    border-radius: 100px;
    position: absolute;
    z-index: 10 !important;
    left: 15px;
    top: -25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*------- STARTSEITE ELEMENT OBERFLÄCHENPRÜFVERFAHREN 500-600px -----------*/
@media only screen and (min-width:500px) and (max-width: 600px) {
  .row-oberflaechen .startseite-headings h2 {
    font-size: 4rem !important;
    line-height: 4rem !important;
  }
  .startseite-headings.oberflaeche:before {
    content: "";
    display: block !important;
    width: 150% !important;
    margin-left: -10% !important;
    top: -100px !important;
    height: 1000% !important;
    background: rgba(0, 62, 86, .48);
    z-index: -1 !important;
    position: absolute !important;
  }
  .startseite-headings.oberflaeche {
    z-index: 0 !important;
    position: relative !important;
  }
  .row-oberflaechen-boxen1 {
    margin-top: -70px !important;
  }
  .row-oberflaechen-boxen2 {
    margin-top: -20px !important;
    margin-bottom: 0px !important;
  }
  .element-oberflaechen-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 20px !important;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .element-oberflaechen-ueberschrift {
    margin-bottom: 35px !important;
  }
  .row-oberflaechen .box-text-weiss p {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-bottom: 0px !important;
    margin-top: -3px !important;
  }
  .element-oberflaechen .dt-btn {
    font-size: 16px !important;
    padding-top: 0px !important;
  }
  .row-oberflaechen .ult-content-box {
    z-index: 9 !important;
    position: relative;
    background-position: bottom !important;
  }
  .element-oberflaechen-ueberschrift::before {
    content: "";
    display: block;
    background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
    background-repeat: no-repeat;
    background-position: top center !important;
    width: 100% !important;
    height: 110% !important;
    position: absolute !important;
    z-index: -1 !important;
  }
  .element-oberflaechen-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 55px;
    left: 0px;
    z-index: 3 !important;
  }
  #box1-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 55px;
    left: 0px;
    z-index: 3 !important;
  }
  #box2-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 55px;
    left: 0px;
    z-index: 3 !important;
  }
  .row-oberflaechen .button-verfahren img {
    margin-top: 30px !important;
    margin-left: 0px !important;
  }
  .row-oberflaechen .wpb_single_image.vc_align_right {
    text-align: center !important;
  }
  #box-button-2021::before {
    content: "Neu 2021";
    color: #fff;
    font-family: "Roboto Mono";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    height: 45px;
    width: 45px;
    background-color: #009de0;
    padding: 10px;
    border-radius: 100px;
    position: absolute;
    z-index: 10 !important;
    left: 85px;
    top: -0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*------- STARTSEITE ELEMENT OBERFLÄCHENPRÜFVERFAHREN 601-767px -----------*/
@media only screen and (min-width:601px) and (max-width: 767px) {
  .row-oberflaechen .startseite-headings h2 {
    font-size: 4rem !important;
    line-height: 4rem !important;
  }
  .startseite-headings.oberflaeche:before {
    content: "";
    display: block !important;
    width: 150% !important;
    margin-left: -10% !important;
    top: -100px !important;
    height: 1000% !important;
    background: rgba(0, 62, 86, .48);
    z-index: -1 !important;
    position: absolute !important;
  }
  .startseite-headings.oberflaeche {
    z-index: 0 !important;
    position: relative !important;
  }
  .row-oberflaechen-boxen1 {
    margin-top: -70px !important;
  }
  .row-oberflaechen-boxen2 {
    margin-top: -20px !important;
    margin-bottom: 0px !important;
  }
  .element-oberflaechen-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 16px !important;
    font-weight: 400;
    text-align: center;
    padding-top: 25px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .element-oberflaechen-ueberschrift {
    margin-bottom: 35px !important;
  }
  .row-oberflaechen .box-text-weiss p {
    font-size: 14px !important;
    line-height: 16px !important;
    margin-bottom: 0px !important;
    margin-top: -3px !important;
  }
  .element-oberflaechen .dt-btn {
    font-size: 13px !important;
    padding-top: 0px !important;
  }
  .row-oberflaechen .ult-content-box {
    z-index: 9 !important;
    position: relative;
    background-position: bottom !important;
  }
  .element-oberflaechen-ueberschrift::before {
    content: "";
    display: block;
    background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
    background-repeat: no-repeat;
    background-position: top center !important;
    width: 100% !important;
    height: 130% !important;
    position: absolute !important;
    z-index: -1 !important;
  }
  .element-oberflaechen-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 55px;
    left: 0px;
    z-index: 3 !important;
  }
  #box1-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 55px;
    left: 0px;
    z-index: 3 !important;
  }
  #box2-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 55px;
    left: 0px;
    z-index: 3 !important;
  }
  .row-oberflaechen .button-verfahren img {
    margin-top: 30px !important;
    margin-left: 0px !important;
  }
  .row-oberflaechen .wpb_single_image.vc_align_right {
    text-align: center !important;
  }
  #box-button-2021::before {
    content: "Neu 2021";
    color: #fff;
    font-family: "Roboto Mono";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    height: 45px;
    width: 45px;
    background-color: #009de0;
    padding: 10px;
    border-radius: 100px;
    position: absolute;
    z-index: 10 !important;
    left: 5px;
    top: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*------- STARTSEITE ELEMENT OBERFLÄCHENPRÜFVERFAHREN TABLET (iPad Ansicht) -----------*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .startseite-headings.oberflaeche:before {
    content: "";
    display: block !important;
    width: 53.5% !important;
    margin-left: -3% !important;
    top: -100px !important;
    height: 9000px !important;
    background: rgba(0, 62, 86, .48);
    z-index: -1 !important;
    position: absolute !important;
  }
  .startseite-headings.oberflaeche {
    z-index: 0 !important;
    position: relative !important;
  }
  .element-oberflaechen-ueberschrift p {
    font-family: "Roboto Mono";
    font-size: 0.75rem !important;
    font-weight: 400;
    text-align: center;
    padding-top: 12px;
    text-transform: uppercase;
    color: #ffffff !important;
    z-index: 6 !important;
  }
  .element-oberflaechen-ueberschrift {
    margin-bottom: 15px !important;
  }
  .row-oberflaechen .box-text-weiss p {
    font-family: "Roboto" !important;
    font-weight: 300 !important;
    font-size: 0.7rem !important;
    line-height: 14px !important;
    color: #ffffff !important;
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }
  .row-oberflaechen .element-oberflaechen .dt-btn {
    font-size: 0.7rem !important;
    padding-top: 1px !important;
    margin-top: -1px !important;
  }
  .row-oberflaechen .ult-content-box {
    z-index: 9 !important;
    position: relative;
    background-position: bottom !important;
  }
  .element-oberflaechen-ueberschrift::before {
    content: "";
    display: block;
    background-image: url("https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg");
    background-repeat: no-repeat;
    background-position: top center !important;
    width: 106% !important;
    height: 105% !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 9px !important;
    left: -3px !important;
  }
  .element-oberflaechen-ueberschrift::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #009de0;
    top: 37px;
    left: 0;
    z-index: 3 !important;
  }
  #box1-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 414%;
    background-color: #009de0;
    top: 37px;
    left: 0;
    z-index: 3 !important;
  }
  #box2-oberflaechen-strich::after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 330%;
    background-color: #009de0;
    top: 37px;
    left: 0;
    z-index: 3 !important;
  }
  .row-oberflaechen .button-verfahren img {
    margin-top: -137px !important;
    margin-right: 55px !important;
    margin-left: -15px !important;
  }
  .row-oberflaechen .button-verfahren {
    width: 118% !important;
  }
  #box-button-2021::before {
    content: "Neu 2021";
    color: #fff;
    font-family: "Roboto Mono";
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    height: 40px;
    width: 40px;
    background-color: #009de0;
    padding: 10px;
    border-radius: 100px;
    position: absolute;
    z-index: 10 !important;
    left: -20px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*------------------------------------------------------------------------------------------------------

FOOTER & BOTTOM BAR

-------------------------------------------------------------------------------------------------------*/
.sidebar-none {
  padding-bottom: 0px !important;
}
#bottom-bar .wf-container-bottom > div {
  font-family: "Roboto Condensed";
  font-size: 12px;
}
.wf-container-footer {
  padding-bottom: 0px !important;
}
.footer .widget_np_templatera_widget {
  margin-bottom: 0px !important;
}
.footer .footer-ueberschrift-kontaktformular h3 {
  font-family: 'Roboto';
  font-weight: 200;
  color: #00a0e3;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 1.2 !important;
}
.footer-anmerkungen p {
  font-family: 'Roboto Condensed';
  line-height: 1.3;
}
.footer-adressen p {
  font-family: 'Roboto Condensed';
  font-size: 15px;
}
.footer-adressen a {
  text-decoration: underline;
}
.footer-adressen a:hover {
  color: #00a0e3 !important;
}
.footer-adressen .regensburg {
  font-family: 'Roboto Condensed';
  font-weight: 600;
  color: #96c11f;
  text-transform: uppercase;
  font-size: 12px;
}
.footer .footer-headline-hauptsitz h4, .footer-headline-hauptsitz h4 {
  font-family: 'Roboto Mono';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.2;
  padding-bottom: 4px;
  border-bottom: 3px solid #009fe3;
  width: 77px;
  font-weight: 700 !important;
}
.footer .footer-headline-zweigstelle h4, .footer-headline-zweigstelle h4 {
  font-family: 'Roboto Mono';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.2;
  padding-bottom: 4px;
  border-bottom: 3px solid #97c120;
  width: 94px;
  font-weight: 700 !important;
}
.footer .footer-headline-akkreditierung h4 {
  font-family: 'Roboto Mono';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.2;
  padding-bottom: 4px;
  border-bottom: 3px solid #000000;
  width: 122px;
  font-weight: 700 !important;
}
.footer .footer-headline-schnellsuche h4 {
  font-family: 'Roboto Mono';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.2;
  padding-bottom: 4px;
  border-bottom: 3px solid #000000;
  width: 103px;
  font-weight: 700 !important;
}
.footer-button-hotline img {
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}
.footer .muenchen-hotline-ueberschrift {
  color: #009fe3;
  text-transform: uppercase;
  font-weight: 600;
}
.footer .muenchen-hotline-nummer {
  color: #009fe3;
}
.footer .regensburg-hotline-ueberschrift {
  color: #97c120;
  text-transform: uppercase;
  font-weight: 600;
}
.footer .regensburg-hotline-nummer {
  color: #97c120;
}
/*------------------------------------------------------------------------------------------------------

FOOTER FORMULAR

-------------------------------------------------------------------------------------------------------





/*---------------------------------------------------------------------------------------------*/
/*	Gravity Forms



/*---------------------------------------------------------------------------------------------*/
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
  line-height: 1em !important;
}
.gform_wrapper .gfield_checkbox li label {
  margin-left: 20px !important
}
input, textarea {
  border: 0 solid #96ccdb !important;
  font-size: 18px !Important;
}
input:focus, textarea:focus {
  border: 0 solid #999 !important;
}
input:hover, textarea:hover {
  border: 0 solid #999 !important;
}
.gfield_select {
  border: 2px solid #96ccdb;
  padding: 10px !important;
}
.gform_body input, .gform_body textarea {
  padding: 15px 15px !important;
}
.footer-spalte-formular .vc_column-inner {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield select {
  font-family: 'Roboto Mono' !important;
  font-size: 13px !important;
  background-color: #96ccdb !important;
  margin-bottom: -10px;
  margin-top: 0px;
}
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
  font-family: 'Roboto Mono' !important;
  font-size: 13px !important;
  background-color: #96ccdb !important;
  height: 200px;
}
@media only screen and (max-width: 767px) {
  body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    margin-top: 20px !important;
  }
}
.gsection_title {
  font-size: 30px !important;
  line-height: 50px !important;
}
#field_1_5 {
  padding-right: 0px !important;
}
.gfield_checkbox li label {
  font-size: 11px !important;
  padding-left: 10px !Important;
  padding-left: 30px;
  font-family: 'Roboto Condensed';
}
.gform_wrapper ul.gfield_checkbox li label a:hover {
  color: #009fe3;
  text-decoration: underline
}
.gfield_checkbox label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  background-color: #96ccdb;
}
.gform_wrapper input[type=checkbox] {
  display: none !important;
}
.gform_wrapper input[type=checkbox]:checked + label:before {
  content: "\2713";
  font-size: 19px;
  color: #002337;
  font-weight: bold;
  text-align: center;
  line-height: 21px;
}
.gform_wrapper input[type=checkbox]:checked + label {
  font-weight: normal !important;
}
.gform_wrapper .gfield_checkbox li label {
  min-width: calc(100% - 25px) !important;
}
::-moz-placeholder {
  color: #303135 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  font-weight: 500;
}
::-webkit-input-placeholder {
  color: #303135 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  font-weight: 500;
}
:-ms-input-placeholder {
  color: #303135;
  font-size: 13px !important;
  text-transform: uppercase;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .gform_body textarea {
    max-height: 92px;
  }
  .footer-spalte-formular .button {
    position: absolute !important;
    display: block !important;
    margin-right: 0 !important;
    top: 125px !important;
    right: 0 !important;
    width: 50% !important;
    height: 40px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-family: 'Roboto Mono' !important;
    font-weight: 100 !important;
    letter-spacing: 1px;
    background-color: #009fe3 !important;
    color: #fff !important;
    text-align: center;
  }
  .gform_validation_error input.button {
    position: absolute !important;
    display: block !important;
    margin-right: 0 !important;
    top: 310px !important;
    right: 15px !important;
    width: 48% !important;
    height: 40px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-family: 'Roboto Mono' !important;
    font-weight: 100 !important;
    letter-spacing: 1px;
    background-color: #009fe3 !important;
    color: #fff !important;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .gform_body textarea {
    max-height: 200px;
    margin-top: 0 !important;
  }
  body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    margin-top: 0 !important;
  }
  .gform_wrapper ul.gform_fields {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .footer-spalte-formular .button {
    position: relative !important;
    bottom: 15px !important;
    display: block !important;
    width: 94% !important;
    left: 10px !important;
    right: 10px !important;
    height: 40px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-family: 'Roboto Mono' !important;
    font-weight: 100 !important;
    letter-spacing: 1px;
    background-color: #009fe3 !important;
    color: #fff !important;
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .footer-spalte-formular {
    padding-top: 0px !important;
  }
}
/*------------------------------------------------------------------------------------------------------

FORMULARBESTÄTIGUNG

-------------------------------------------------------------------------------------------------------*/
.formular-bestaetigung::before {
  content: '';
  border-left: 1px solid #00a0e3 !important;
  position: absolute;
  height: 400%;
  left: 11%;
  top: -200%;
  z-index: 2;
}
/*------------------------------------------------------------------------------------------------------

FOOTER SLOGAN & LISTE

-------------------------------------------------------------------------------------------------------*/
.wf-container-footer {
  padding-top: 0px !important;
}
.footer-slogan {
  font-size: 24px !important;
  line-height: 1.3em;
  color: #009de0;
  font-weight: 200 !important;
  font-family: "Roboto";
}
.footer-slogan strong {
  font-size: 24px !important;
  line-height: 1.3em;
  color: #fff !important;
  font-weight: 200 !important;
  padding-bottom: 5px;
  border-bottom: 4px solid #fff;
}
.footer-liste {
  font-family: 'Roboto Condensed';
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  padding-left: 10px;
}
.footer-liste li:before {
  content: "\f009";
  font-family: "icomoon-the7-font";
  position: absolute;
  left: 20px !important;
  color: #009de0;
}
.footer-liste li {
  padding-left: 15px;
  font-size: 18px;
}
.footer-liste::before {
  content: '';
  border-left: 1px solid #00a0e3 !important;
  position: absolute;
  height: 148px;
  left: 0;
  top: 36px;
  z-index: 2;
}
@media only screen and (max-width: 500px) {
  .footer-liste::before {
    content: '';
    border-left: 0px solid #00a0e3 !important;
    position: absolute;
    height: 148px;
    left: 0;
    top: 36px;
    z-index: 2;
  }
  #auflistung2::before {
    content: '';
    border-left: 1px solid #00a0e3 !important;
    position: absolute;
    height: 148px;
    left: 0;
    top: 36px;
    z-index: 2;
  }
}
.footer-adressen * {
  font-size: 18px !important;
  line-height: 1.2em !important;
}
/*------------------------------------------------------------------------------------------------------

FOOTER SLOGAN & LISTE AUF STARTSEITE OBEN

-------------------------------------------------------------------------------------------------------*/
.zeile-ueberpruefen {
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.sidebar-divider-vertical {
  padding-top: 0px !important;
}
.footer-slogan {
  font-size: 24px !important;
  line-height: 1.3em;
  color: #009de0;
  font-weight: 100 !important;
  font-family: "Roboto";
}
.footer-slogan strong {
  font-size: 24px !important;
  line-height: 1.3em;
  color: #fff !important;
  font-weight: 100 !important;
  padding-bottom: 5px;
  border-bottom: 4px solid #fff;
}
.zeile-ueberpruefen .footer-liste {
  font-family: 'Roboto Condensed';
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  padding-left: 5px;
  font-weight: 400 !important;
}
.zeile-ueberpruefen .footer-liste p {
  font-family: 'Roboto Condensed' !important;
  color: #fff;
  font-size: 18px !important;
  line-height: 25.2px !important;
  font-weight: 400 !important;
}
.zeile-ueberpruefen .footer-liste li:before {
  content: "\f009";
  font-family: "icomoon-the7-font";
  position: absolute;
  left: 20px !important;
  color: #009de0;
  font-size: 14px !important;
  padding-top: 3px;
}
.footer-liste li::marker {
  content: "" !important;
  color: #003c56 !important;
}
.zeile-ueberpruefen li::marker {
  content: "" !important;
  color: #003c56 !important;
}
.footer-liste li {
  padding-left: 0px;
  font-size: 18px;
}
.zeile-ueberpruefen .footer-liste::before {
  content: '';
  border-left: 1px solid #00a0e3 !important;
  position: absolute;
  height: 148px;
  left: 0;
  top: 36px;
  z-index: 2;
}
@media only screen and (max-width: 500px) {
  .zeile-ueberpruefen .footer-liste::before {
    content: '';
    border-left: 0px solid #00a0e3 !important;
    position: absolute;
    height: 148px;
    left: 0;
    top: 36px;
    z-index: 2;
  }
  #auflistung2::before {
    content: '';
    border-left: 1px solid #00a0e3 !important;
    position: absolute;
    height: 148px;
    left: 0;
    top: 36px;
    z-index: 2;
  }
}
.spalte-ueberpruefen-container > .vc_column-inner {
  padding-top: 0px !important;
  margin-top: 0px !important;
}
@media only screen and (min-width: 900px)and (max-width: 1140px) {
  .zeile-ueberpruefen .footer-liste::before {
    height: 285px !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 990px) {
  #ueb-row1 {
    width: 100% !important;
  }
  #ueb-row2, #auflistung2, #ueb-row4, #ueb-row5 {
    width: 25% !important;
    float: left !important;
  }
  #ueb-row2::before, .zeile-ueberpruefen .footer-liste:first-child::before {
    display: none !important;
  }
  .zeile-ueberpruefen .footer-liste::before {
    content: '';
    border-left: 1px solid #00a0e3 !important;
    position: absolute;
    height: 180px;
    left: 0;
    top: 36px;
    z-index: 2;
  }
}
/*------------------------------------------------------------------------------------------------------

FOOTER BILD & HOTLINE-BUTTON

-------------------------------------------------------------------------------------------------------*/
.footer-button-hotline .vc_single_image-wrapper img {
  z-index: 999 !important;
}
@media only screen and (min-width: 993px) {
  .footer-button-hotline .vc_single_image-wrapper {
    margin-top: -350px !important;
    overflow: visible !important;
  }
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
  .footer-button-hotline .vc_single_image-wrapper {
    margin-top: -150px !important;
  }
}
@media only screen and (min-width: 300px) and (max-width: 766px) {
  .footer-button-hotline .vc_single_image-wrapper {
    margin-top: -55px !important;
  }
}
/*------------------------------------------------------------------------------------------------------

FOOTER LINIEN

-------------------------------------------------------------------------------------------------------*/
.footer .footer-spalte-intro.vc_column_container > .vc_column-inner {
  border-left: 1px solid #009fe3;
}
.footer .footer-spalte-2.vc_column_container > .vc_column-inner {
  border-left: 1px solid #009fe3;
}
.footer .footer-spalte-3.vc_column_container > .vc_column-inner {
  border-left: 1px solid #009fe3;
  border-right: 1px solid #009fe3;
}
.footer .footer-spalte-4.vc_column_container > .vc_column-inner {
  border-right: 1px solid #009fe3;
}
.footer-spalte-1.vc_column_container > .vc_column-inner, .footer-spalte-2.vc_column_container > .vc_column-inner, .footer-spalte-3.vc_column_container > .vc_column-inner, .footer-spalte-4.vc_column_container > .vc_column-inner {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 955px) {
  .footer .footer-spalte-intro.vc_column_container > .vc_column-inner {
    border-left: 0px solid #009fe3;
  }
  .footer .footer-spalte-2.vc_column_container > .vc_column-inner {
    border-left: 0px solid #009fe3;
  }
  .footer .footer-spalte-3.vc_column_container > .vc_column-inner {
    border-left: 0px solid #009fe3;
    border-right: 0px solid #009fe3;
  }
  .footer .footer-spalte-4.vc_column_container > .vc_column-inner {
    border-right: 0px solid #009fe3;
  }
}
/*------------------------------------------------------------------------------------------------------

FOOTER AKKREDITIERUNG LOGO

-------------------------------------------------------------------------------------------------------*/
.footer-spalte-3.vc_column_container > .vc_column-inner .wpb_single_image {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 5%;
}
.footer-spalte-3 p {
  font-size: 12px;
  line-height: 1.3;
}
@media only screen and (max-width: 955px) {
  .footer-spalte-3.vc_column_container > .vc_column-inner .wpb_single_image {
    margin-bottom: 35px !important;
  }
}
/*------------------------------------------------------------------------------------------------------

FOOTER MENÜ LISTE

-------------------------------------------------------------------------------------------------------*/
.footer-menu-liste li {
  font-family: 'Roboto Condensed' !important;
  font-size: 16px !important;
  line-height: 1 !important;
  padding-left: 20px !important;
  margin-top: 0px !important;
  border-top: 0px !important;
}
.footer-menu-liste li a:hover {
  color: #009de0 !important;
}
.footer-menu-liste li:before {
  content: "\f009" !important;
  font-family: "icomoon-the7-font" !important;
  position: absolute !important;
  left: 0px !important;
  color: #009de0 !important;
}
.footer .widget .widget_nav_menu {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-bottom: 0px !important;
}
/*------------------------------------------------------------------------------------------------------

UNTERSEITE STANDORTE

-------------------------------------------------------------------------------------------------------*/
.team-standort-muenchen:before {
  content: "";
  width: 350%;
  height: 9px;
  background-color: #009fe3;
  position: absolute;
  right: -70px !important;
  bottom: 0px !important;
}
.team-standort-regensburg:after {
  content: "";
  width: 350%;
  height: 9px;
  background-color: #98c120;
  position: absolute;
  left: -70px !important;
  bottom: 0px !important;
}
.standorte-text p {
  font-family: "Roboto Condensed";
  font-size: 18px;
}
.standorte-allgemein-headline p {
  font-family: 'Roboto Mono';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  line-height: 1.2;
  padding-bottom: 4px;
  border-bottom: 3px solid #000000;
  width: 183px;
}
@media only screen and (min-width: 1203px) {
  #standorte-mobil-1, #standorte-mobil-2, #standorte-mobil-3 {
    display: none;
  }
}
@media only screen and (max-width: 1202px) {
  #standorte-desktop-1, #standorte-desktop-2, #spacer-standorte, #standorte-desktop-3 {
    display: none;
  }
}
#standorte-mobil-1 .standorte-mobil-spalte-1, #standorte-mobil-1 .standorte-mobil-spalte-2, #standorte-mobil-2 .standorte-allgemein-ueberschrift, #standorte-mobil-3 .standorte-allgemein-spalte-1, #standorte-mobil-3 .standorte-allgemein-spalte-2 {
  padding-left: 2.5rem !important;
}
#standorte-mobil-1 .standorte-mobil-bild, #standorte-mobil-1 .standorte-mobil-logo {
  margin-left: -2.5rem !important;
}
/*------------------------------------------------------------------------------------------------------

TYPO

-------------------------------------------------------------------------------------------------------*/
h2.small-h2 {
  font-family: "Roboto";
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: none;
}
/* ---------------------------------------------------------------------------------------------------------- */
/* ANPASSUNGEN REDESIGN */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----- Row Ticker Startseite ----- */
.row-ticker {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.3;
}
.row-ticker p {
  line-height: 1.6;
}
.row-ticker .wpb_text_column {
  margin: 0 0;
}
.row-ticker strong {
  font-weight: 700;
  font-family: "Roboto Mono";
  background-color: #95C11F;
  padding: 0px 1px 0px 3px;
  margin-right: 5px;
  font-size: 18px;
  text-transform: uppercase;
  color: #002839;
}
.row-ticker .leistung-neu {
  font-weight: 500;
  font-family: "Roboto Condensed";
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #002839;
}
.row-ticker .leistung-neu:not(:last-of-type) {
  padding-right: 10px;
  margin-right: 8px;
  border-right: 2px solid #95C11F;
}
/* ------- CTA Highlight Button ----------- */
.dt-btn.highlight-btn.cta-btn {
  font-weight: 400 !important;
}
.dt-btn.highlight-btn.cta-btn:hover {
  background-color: #95C11F !important;
  border-color: #95C11F !important;
  color: #fff !important;
}
/* ----- Robo Baustellenauswertung Startseite ------ */
.vc_row.wpb_row.baustellenauswertung {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  background-size: 336px !important;
  background-position: center right !important;
}
@media only screen and (max-width: 1593px) {
  .baustellenauswertung.vc_row.wpb_row {
    background-position: 110% 50% !important;
  }
}
@media only screen and (max-width: 1347px) {
  .baustellenauswertung.vc_row.wpb_row {
    background-image: none !important;
  }
}
/* ----- STANDORTE STARTSEITE ----- */
.standorte-startseite {
  color: #fff;
  padding-top: 0 !important;
}
.standorte-startseite .wpb_text_column {
  width: 100%;
  max-width: 610px;
  padding: 15px 15px 0;
  box-sizing: border-box;
}
.standorte-startseite .vc_col-sm-6 {
  padding: 0 0 !important;
}
.standorte-startseite .vc_col-sm-6:first-child {
  border-right: 1px solid #fff;
  border-top: 10px solid #009FE3;
}
.standorte-startseite .vc_col-sm-6:last-child {
  border-top: 10px solid #95C11F;
}
.standorte-startseite .vc_col-sm-6:first-child .wpb_text_column {
  margin-left: auto;
}
.standorte-startseite li {
  position: relative;
}
.standorte-startseite li:not(:last-child) {
  margin-bottom: 5px;
}
.standorte-startseite li:before {
  content: "\f009";
  font-family: "icomoon-the7-font";
  position: absolute;
  left: -20px !important;
  color: #009de0;
  font-size: 14px !important;
  padding-top: 0px;
}
.standorte-startseite .vc_col-sm-6:last-child li:before {
  color: #95C11F;
}
.standorte-startseite p {
  text-transform: uppercase;
  font-family: "Roboto Mono";
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.standorte-startseite .wpb_single_image {
  margin-top: auto;
}
.standorte-startseite .vc_col-sm-6 .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
}
.standorte-startseite li a {
  text-decoration: none;
  color: #fff;
}
.standorte-startseite .vc_col-sm-6:first-child li a:hover {
  color: #009FE3;
}
.standorte-startseite .vc_col-sm-6:last-child li a:hover {
  color: #95C11F;
}
@media only screen and (max-width: 767px) {
  .standorte-startseite .vc_col-sm-6:first-child {
    border-right: 0px;
  }
  .standorte-startseite .vc_col-sm-6:first-child .wpb_text_column {
    margin-left: 0;
  }
}
/* ----- Info Circle Verfahren Startseite----- */
#circle-row {
  overflow: visible !important;
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  justify-items: center !important;
}
#circle-row .wpb_column {
  position: absolute;
  z-index: 3 !important;
  width: 100%;
  max-width: 1245px;
  top: -67px;
}
@media only screen and (max-width: 767px) {
  #circle-row .wpb_column {
    position: relative;
    top: 67px;
    margin-top: -67px;
    padding: 0 15px;
  }
  #vpv .uvc-heading {
    padding-top: 2rem;
  }
}
/* ----- Anpassung Startseite Leistungen-Boxen ----- */
.row-oberflaechen-boxen1 .ult-content-box {
  min-height: inherit !important;
  width: 100% !important;
  max-width: 320px;
  aspect-ratio: 180 / 100;
  margin: 0 auto !important;
}
.element-oberflaechen-ueberschrift::before {
  display: none;
}
.row-oberflaechen-boxen1 .ult-content-box::before {
  content: "";
  display: block;
  background-image: url(https://kundenlogin.zfp-muenchen.de/wp-content/uploads/svgs/box-element.svg);
  background-repeat: no-repeat;
  background-position: top center !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  z-index: -1 !important;
}




.um-account-meta
{
    display: none!important;
}



/* -- Anpassungen Leon 05.05.2025 -- */
.um-misc-ul {
    margin-left: 0 !important;
}
.um-misc-ul li {
    display: flex;
}
.um-misc-ul li + li {
    margin-top: 1rem;
}
.um-misc-ul li a {
    width: 100%!important;
    height: 100%!important;
    padding: 0.5rem 1.5rem;
    text-align: center;
    border: 1px solid #009de0;
    color: #424242;
    transition-duration: 0.3s;
    text-decoration: none;
    text-transform: uppercase;
}
.um-misc-ul li a:hover {
    background: #002839;
    border-color: #002839;
    color: #fff;
}
.um-misc-img {
    margin-bottom: 0.5rem;
}

.welcome-column h1 {
    font-weight: 300;
}
.welcome-column strong {
    font-weight: 500;
}
.welcome-column ul {
    margin-left: 2px;
}
.welcome-column ul li + li {
    margin-top: 0.9rem;
}
.welcome-column ul li {
    display: flex;
}
.welcome-column ul li::before {
    content: "";
    background-color: #009de0;
    width: 2px;
    min-width: 2px;
    height: 20px;
    display: block;
    transform: rotate(10deg);
    margin-right: 15px;
}

.um-account-side ul {
    border: inherit!important;
}
.um-account-side li a.current,
.um-account-side li a.current:hover {
    color: inherit!important;
    font-weight: inherit!important;
    background: inherit!important;
}
.um-account-side li {
    background: none;
    border: 0px solid #009de0;
    transition-duration: 0.3s;
}
.um-account-side li a {
    transition-duration: 0.3s;
}
.um-account-side li + li {
    margin-top: 1rem !important;
}
.um-account-side li:hover {
    border-color: #002839;
}
.um-account-side li:hover a {
    background: #002839!important;
}
.um-account-side li:hover .um-account-icon,
.um-account-side li:hover .um-account-title,
.um-account-side li:hover .um-account-arrow,
.um-account-side li:hover .um-account-arrow * {
    color: #fff!important;
    opacity: 1;
}
.um-account-side li:has(a.current),
.um-account-side li:has(a.current:hover) {
    background: #002839!important;
    border-color: #002839;
}
.um-account-side li:has(a.current) .um-account-icon,
.um-account-side li:has(a.current) .um-account-title,
.um-account-side li:has(a.current) .um-account-arrow,
.um-account-side li:has(a.current) .um-account-arrow * {
    color: #fff!important;
    opacity: 1;
}
.um-button {
    background: #002839!important;
    border: 2px solid #002839!important;
    border-radius: 0px!important;
}
.um-button:hover {
    background: #fff!important;
    border: 2px solid #002839!important;
    color: #002839!important;
}
.button.button-primary {
    background: none!important;
    color: #424242!important;
    border: 1px solid #009de0!important;
}
.button.button-primary:hover {
    border-color: #002839!important;
    color: #fff!important;
    background: #002839!important;
}
a.learn_more_link {
    color: #002839;
}
.click-to-copy {
    cursor: pointer!important;
    color: #002839;
    text-decoration: underline;
}
.click-to-copy:hover {
    text-decoration: none;
}
.qr-btn {
    cursor: pointer!important;
    text-decoration: underline;
    color: #002839;
}
.qr-btn:hover {
    text-decoration: none;
}
table {
    border-collapse: separate!important;
    border-spacing: 1rem!important;
    overflow: visible!important;
}
table td a + a {
    margin-left: 1rem;
}
.um-account-main h2 {
    margin-top: 0.8rem;
    font-size: 2rem;
    font-weight: 300;
}
.um-account-main h3 {
    font-size: 1.7rem;
    font-weight: 300;
}
.um-account-tab-twofa h2 {
    font-size: 24px;
    font-weight: bold;
    text-transform: none!important;
    color: #555!important;
}
.um-account-main h3 {
      font-size: 20px;
    font-weight: bold;
    text-transform: none!important;  
        color: #555!important;
    margin-top: 20px;
}
p.description {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}
.jaofiletree i {
    color: #009de0!important;
}
button,
a {
    border-radius: 0px!important;
    box-shadow: none!important;
}
.table-download-category {
    background-color: #478235!important;
    border-color: #478235!important;
}
.only-file {
    border: 1px solid black;
}
.wpfd-file-crop-title,
.file_size,
.file_created,
.wpfdlightbox {
    color: #666666!important;
}
.wpfdlightbox {
    border: 1px solid #666!important;
    margin-top: 0 !important;
}
tr.file .downloadlink.wpfd_downloadlink {
    margin-top: 0.5rem !important;
}
tr.file .wpfd_previewlink {
    margin-bottom: 0.5rem !important;
    background: none;
}
tr.file .wpfd_previewlink:hover {
    box-shadow: none!important;
    color: #fff!important;
    background: #666;
}
tr.file .downloadlink.wpfd_downloadlink:hover {
    background-color: #002839!important;
}
.wpfd-btnsearchbelow {
    border-radius: 0px!important;
    box-shadow: none!important;
    transition-duration: 0.2s;
}
.wpfd-btnsearchbelow:hover {
    box-shadow: none!important;
    background-color: #666!important;
}

.um-misc-with-img {
    display: none!important;
}