/*
 Theme Name:   Ortmann + Rittmann GmbH
 Theme URI:    https://www.neckarmedia.com
 Description:  Ortmann + Rittmann Child Theme
 Author:       Tamara Steinfatt
 Author URI:   https://www.neckarmedia.com
 Template:     ortmann
 Version:      1.0
*/

/* Load Fonts 
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/4UaOrEtFpBISc36j2jDu5w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/4UaOrEtFpBISc36j2jDu5w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/

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

/* =======================================================================================================================================
Typo
======================================================================================================================================= */
html{font-size: 16px}
body{font-family: 'Exo', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased;}
h1,h2,h3,h4,h5,h6{font-family: 'Exo', sans-serif; font-weight: 700; line-height: 1.25; letter-spacing: 0 !important}
body,p{line-height: 1.5; font-size: 1rem}
a:hover, a:focus, a:visited{text-decoration: none;}
.special_amp{font-family: inherit !important; font-style: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important;}
#top .modern-quote .av-special-heading-tag{font-weight: 700;}
#top .justify{text-align: justify;}
#top .av-special-heading-tag b{color: #8a7b5a}
#top .__sep{width: 2em; display: inline-block;}

#top .av-tt-hotspot,
#top .av-image-hotspot .avia-tooltip{padding: 5px; background: #fff5de}
#top .av-tt-hotspot .avia-arrow,
#top .av-image-hotspot .avia-tooltip .avia-arrow{background: #fff5de}
#top .av-tt-hotspot .inner_tooltip p,
#top .av-image-hotspot .avia-tooltip .inner_tooltip p{font-size: 10px; font-weight: 700; text-transform: uppercase}
#top .av-hotspot-fallback-tooltip{padding: 0}
#top .av-hotspot-fallback-tooltip-inner{margin-left: 30px; padding: 0}
#top .av-hotspot-fallback-tooltip-count{height: 25px; width: 25px; line-height: 25px; top: 0;}
#top .av-hotspot-container .av-image-hotspot_inner{color: #bfbfbf; font-weight: 700}
#top .av-tt-hotspot .avia-arrow-wrap,
#top .av-hotspot-fallback-tooltip div.avia-arrow{display: none;}

#top .kontakt_leiste{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#top .kontakt_leiste > div:not(:last-child){margin-right: 2em}

@media only screen and (max-width: 990px){
    #top .kontakt_leiste{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
}

@media only screen and (max-width: 479px){
    h2{font-size: 1.25rem;}
    .kontakt_leiste{font-size: 12px}
}


/* =======================================================================================================================================
Header
======================================================================================================================================= */
/* Logo */
#top #header .av-logo-container .logo a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#top #header .av-logo-container .logo a svg{width: 160px}

@media only screen and (max-width: 767px){
    .responsive #top #header .av-logo-container .logo{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .responsive #top #header .av-logo-container .logo a svg{width: 130px}
}

/* Zertifizierung */
#top .__zert{
    line-height: 1;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
#top .__zert > *{max-width: 120px;}
#top .__zert img{width: 100%;}

@media only screen and (max-width: 767px){
    #top .__zert{display: none;}
}

/* Navigation */
#top #header_main_alternate{background: #262626;}
#top #header_main_alternate ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
#top #header .av-logo-container nav.main_menu ul li a{text-transform: uppercase; padding: 0 2em}

@media only screen and (max-width: 767px){
    #top #header .av-logo-container nav.main_menu{display: none;}
}


/* =======================================================================================================================================
Misc
======================================================================================================================================= */
#top .image-overlay{display: none !important}

@media only screen and (max-width: 479px){
    #top .container .content{padding-top: 30px; padding-bottom: 30px}
    #top .av-special-heading{padding-bottom: 0 !important}
}


/* =======================================================================================================================================
Hero
======================================================================================================================================= */
#top .hero .av-special-heading{margin: 0 auto; padding: 0 !important; max-width: 1100px}
#top .hero .av-special-heading h1{font-size: 4.5vw; font-weight: 700}
#top .hero .av-special-heading h1 > span{display: inline-block; margin: 0 0 8px 0; color: #000; text-transform: uppercase; background: #fff; padding: .2em .4em; line-height: 1}
#top .hero .av-special-heading h1 b{color: #8a7b5a; font-weight: inherit;}
#top .hero .av-special-heading .av-subheading_below p{color: #fff; text-transform: uppercase; line-height: 1.25; font-size: 4.5vw;}

@media only screen and (min-width: 990px){
  #top .hero .av-special-heading h1,
  #top .hero .av-special-heading .av-subheading_below p{font-size: 3rem}
}


/* =======================================================================================================================================
CF7 - Contact Form 7
======================================================================================================================================= */
/* CF7 Style */
#top .wpcf7 form *{font-family: 'Exo', sans-serif !important;}
#top .wpcf7 form input,
#top .wpcf7 form select,
#top .wpcf7 form textarea{background: #fff !important; color: #000 !important; font-weight: 700; text-transform: uppercase; font-size: 14px; padding: .75em 1.5em; border: 0; border-bottom: 4px solid}
#top .wpcf7 form input::-webkit-input-placeholder, #top .wpcf7 form textarea::-webkit-input-placeholder{color: #cccccc !important;}
#top .wpcf7 form input::-moz-placeholder, #top .wpcf7 form textarea::-moz-placeholder{color: #cccccc !important;}
#top .wpcf7 form input:-ms-input-placeholder, #top .wpcf7 form textarea:-ms-input-placeholder{color: #cccccc !important;}
#top .wpcf7 form input::-ms-input-placeholder, #top .wpcf7 form textarea::-ms-input-placeholder{color: #cccccc !important;}
#top .wpcf7 form input::placeholder,
#top .wpcf7 form textarea::placeholder{color: #cccccc !important;}

#top .wpcf7 form textarea{margin-bottom: 0}
#top .wpcf7 form .wpcf7-submit{background: #000 !important; margin-top: 25px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff !important; padding: 1em 2em; border: 0 !important}

/* CF7 Grid */
@media only screen and (min-width: 768px) {
    .wpcf7 .nm_row{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
    .wpcf7 .nm_one_half{width: 50%;}
    .wpcf7 .nm_row .nm_one_half:last-child{padding-left: 25px; -ms-flex-item-align: end; align-self: flex-end;}
}

/* CF7 Output */
#top .wpcf7 .wpcf7-not-valid-tip{display: none;}
#top .wpcf7 .wpcf7-response-output{font-size: 1rem; padding: 1em 2em; margin: 10px 0; color: #333; border: 0;}
#top .wpcf7 .wpcf7-not-valid{border-bottom: 4px solid darkred !important;}
#top .wpcf7 .wpcf7-validation-errors,
#top .wpcf7 .wpcf7-acceptance-missing{background: #fff5de; border-left: 4px solid darkred;}
#top .wpcf7 .wpcf7-mail-sent-ok{background: #ffffff; color: green; border-left: 4px solid green;}


/* =======================================================================================================================================
Footer
======================================================================================================================================= */
#socket{font-size: .85rem; font-weight: 700; padding-top: 60px; padding-bottom: 30px}

#scroll-top-link{display: none !important;}