/*
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
*/

/* nunito-200 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  src: url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200.woff') format('woff'), /* Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-200italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  src: url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-200italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-300italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  src: url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-300italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-italic.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-800 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-800.woff') format('woff'), /* Modern Browsers */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://3d.brockfeld.eu/fonts/nunito-v25-latin-800.svg#Nunito') format('svg'); /* Legacy iOS */
}


/* titillium-web-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: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('https://3d.brockfeld.eu/fonts/titillium-web-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: url('https://3d.brockfeld.eu/fonts/titillium-web-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://3d.brockfeld.eu/fonts/titillium-web-v17-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://3d.brockfeld.eu/fonts/titillium-web-v17-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://3d.brockfeld.eu/fonts/titillium-web-v17-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://3d.brockfeld.eu/fonts/titillium-web-v17-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}




/* Verläufe im Hintergund in Zeile 389  -------------------------*/

:root {
    --hintergundfarbe: #dee2e0;
    --hintergundfarbe-footer: #ced2d1;
    --hintergundfarbe-kunden: #a6aba9;
    
    --headlinefarbe: #F6B832;
    --headline-h1: #ffffff;
    --headline-h2: #016683;
    --headline-h3: #ffffff;
    --headline-h4: #302e1b;
    --headline-h2-kontaktteaser: #979998;
    --hoverfarbe: #F6B832;
    --textschatten: #000000;
    
    
    --menufarbe: #3c3d41;
    --stickymenufarbe: #3c3d41;
    --bg-mobile-menu: transparent;
    --tooglefarbe: #ffffff;
    
    --linkfarbe: #FF8900;
    --linkhoverfarbe: #F6B832;
    
    --teaserbgfarbe: #ffffff;
    --teasertextfarbe: #393939;
    
    --trennliniefarbe: #979998;
    --hintergrundfarbe-header: #ffffff;
    --hintergrundfarbe-topbar: #ced2d1;
    --textfarbe-topzeile: #FF8900;
    
    --kopfbildfarbe: #000000;
    --transparenzwert: 0.2;
    
    --linkfarbe-footer: #F6B832;
    --linkfarbe-footer-hover:#302e1b;
    --textfarbe-footer:#ffffff;
    --textfarbe:#302e1b;
    
    --buttonbg: #F6B832;
    --buttonbghover: #979998;
    
    --buttonkontaktbg: #393939;
    --buttonkontaktborder: #393939;
    --buttonkontaktbghover: #016683;
    --buttonkontakt-bg-tel: #F6B832; 
    
    
    --buttontext:#393939;
    --buttontexthover: #ffffff;

    --bgfarbeteaser-aussen: #dee2e0;
    --bgfarbeteaser-verlauf: #eaeeec;
    --bgfarbeteaser-innen: #f6f8f7;
    
    --kontaktteasertext: #979998;
    
    
    --warnfarbe: #dc3232;
/*    --verlauf-button: rgb(250, 250, 250,0.2),rgba(250,250,250,.1) 50%,rgba(0,0,0,.1);*/
    --verlauf-button: #F6B832;
    
    --schatten: #000000;
    
}
a:hover {color:#FFC300!important;}

.Text-Produktanimation a:hover{
cursor:  url(https://3d.brockfeld.eu/wp-content/uploads/2024/11/Produkt-Animation.png), crosshair!important;
}

.Text-Produktrendering a:hover{
cursor:  url(https://3d.brockfeld.eu/wp-content/uploads/2024/11/Produkt-Rendering.png), crosshair!important;
}

.Text-Erklaerfilm a:hover{
cursor:  url(https://3d.brockfeld.eu/wp-content/uploads/2024/11/Erklaerfilm.png), crosshair!important;
}

.Text-3DInfografik a:hover{
cursor:  url(https://3d.brockfeld.eu/wp-content/uploads/2024/11/3D-Infografik.png), crosshair!important;
}

.Text-3DIllustration a:hover{
cursor:  url(https://3d.brockfeld.eu/wp-content/uploads/2024/11/3D-Illustration.png), crosshair!important;
}

.Text-3DRendering a:hover{
cursor:  url(https://3d.brockfeld.eu/wp-content/uploads/2024/11/3D-Rendering.png), crosshair!important;
}

.Text-3DAnimation a:hover{
cursor:  url(https://3d.brockfeld.eu/wp-content/uploads/2024/11/3D-Animation.png), crosshair!important;
}

.text-weiss {color:#ffffff;}

body {
   
   font-family: 'Nunito', Arial, sans-serif;
    
    color: var(--textfarbe);
   
		
}


.fixed-page-bg #page {background: rgb(157,189,212);
background: linear-gradient(90deg, rgba(157,189,212,1) 0%, rgba(46,73,93,1) 100%);
background-attachment: fixed;
}



.verlauf {
	background: rgb(87,129,159);
	background: radial-gradient(circle, rgba(87,129,159,1) 0%, rgba(46,73,93,1) 100%);}
	




.film-rahmen {width: 10%;
  height: 100%;
  overflow:hidden;}

.schatten {box-shadow: 2px 2px 12px 2px rgba(0,0,0,0.5);
	}

.radius{background: #FFFFFF;
border-radius: 6px;
}

.radius img{border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.youtube-filme {border-radius: 12px;
box-shadow: 2px 2px 6px #000;}

.call-to-bg {background: #819597;}

.bg-verlauf {background-image:linear-gradient(0deg, #EEEEEE 0%, #CCCCCC 90%);}


/*
h1 {font-family: 'Titillium Web', Arial, sans-serif;
font-weight: 600;}

 h2, h3, h4, h5, h6, a, p, i, strong, span, div { font-family: 'Nunito', Arial, sans-serif;
font-weight: 200;}
*/

form p {color:#fff!important;}

.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom):not(.masthead-mobile-header) {
  box-shadow: 0 0 15px 5px rgba(0,0,0,0.3)!important;
}


.lp-screen > span {width:340px!important;}
#lp_ls_img {width:340px!important;}


html{ word-wrap: normal;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

p.text-fussleiste {line-height: 2em;}

p.text-fussleiste a:hover {color:#07789e;}

a {text-decoration: none!important;}

.main-nav > li > a .menu-text {font: 200 24px / 32px 'Nunito', Arial, sans-serif;}

.masthead .top-bar .mini-contacts, .masthead .top-bar .mini-nav > ul:not(.mini-sub-nav) > li > a, .masthead .top-bar .mini-login, .masthead .top-bar .mini-login .submit, .masthead .top-bar .mini-search .submit, .masthead .top-bar .mini-search, .masthead .top-bar .wc-ico-cart, .masthead .top-bar .text-area, .masthead .top-bar .customSelectInner {
  font: 200 16px / 22px 'Nunito', Arial, sans-serif;
  text-transform: none;
}


/*  Slider -------------------------------------- */
h1.slider  {line-height: 1.2em!important;
color: #ffffff;}
.slidertext {font-size: 1.1em;}


@media screen and (max-width: 768px) {.spalten-wechseln {flex-direction: column-reverse;}}