@charset "UTF-8";



@media (max-width: 1399px) 
{
    .news-breite
    {
       max-width:710px!important;
    }
    
    .trenner-bild, .trenner-bild-rechner
    {   
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; 
    }

    .trennerbild, .trennerbild-pig-s
    {
        width:1400px;
        height: auto;
    }
    
    .icon-trenner-mitte
    {
        width:270px;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        margin-top:90px;
        transition: all .5s;
    }

    
    
    .footerbalken
    {
        width:100%;
        height:auto;
        padding-top:1px;
        position:relative;
        margin-left:auto;
        margin-right:auto;
    }

    .footertext-adresse
    {
        position:relative;
        width:100%;
        top:0px;
        line-height:1.2;
        height:auto;
        padding-bottom:10px;
    }

    .footer-kontakt
    {
        display:none;
    }

    .footertext-recht
    {
        position:relative;
        width:100%;
        padding-top:8px;
        top:5px;
        left:0px;
        height:auto;
        padding-bottom:10px;
        line-height:1;
    }

    .footer-social
    {
        position:relative;
        width:230px;
        height:80px;
        top:14px;
        margin-left:auto;
        margin-right:auto;
        left:auto;
        
    }

    .footertext
    {
        font-weight:400;
        font-size:16px;
        text-align:center;
        display:block;
    }
    
    .footertext-mb
    {
        display:block;
    }

    .footer-icon-1, .footer-icon-2, .footer-icon-3, .footer-icon-4, .footer-icon-5
    {
        position:absolute;
        width:40px;
        height:auto;
        top:0px;
    }

    .footer-icon-1
    {
        left:90px;
    }

    .footer-icon-2
    {
        left:135px;
    }

    .footer-icon-3
    {
        left:180px;
    }
    
    .footer-icon-4, .footer-icon-5
    {
        display:block;
    }
    
    
    
    
    
}


@media (max-width: 1299px) 
{

  .text-dinkelsaatgut-oben-links, .text-speltfix-oben-links
    {
        padding-top:30px;
        font-size:40px;
    }
    
}






@media (max-width: 1200px) 
{
   .icon-trenner
    {
        left:40px;
    }
    .trenner-anmeldung
    {
        right:40px;
    }

    .download-zeile-links, .download-zeile-rechts
    {
        margin-left:auto;
        margin-right:auto;
    }

    .produkt-video-inner-out
    {
        top:110px;
    }

    
    .text-dinkelsaatgut-oben-links, .text-speltfix-oben-links
    {
        padding-top:0px;
        font-size:40px;
    }
    
    .jobs-trenner-header
    {
        padding-top:30px;
    }
    
}

@media (max-width: 1112px) 
{
    .produkte-start-container-balken
    {
        height:auto;
        position:relative;
        padding-bottom:20px;
    }
    
    .produkt-video-inner-out
    {
        top:70px;
    }
    
    .produkt2_bild_out
    {
        bottom:20px;
    }
    
     .headertext-inner
    {
        font-size: clamp(30px, 12.0vw, 62px);
    }
}


@media (max-width: 1023px) 
{
    .unten-button-pos
    {
        position:relative;
        top:0px;
        margin-top:20px;
        right:0px;
        height:auto;
        margin-left:auto;
        margin-right:auto;
    }
    
    .unten-header-5, .unten-text-5
    {
        padding-left:15px;
        padding-right:15px;
        text-align:center;
        padding-bottom:10px;
    }

    
    
}




@media (min-width: 992px) 
{
    .col-lg-8-fach 
    {
      flex: 0 0 auto;
      width: 12.5%;
    }
}



@media (max-width: 991px) 
{

    .rechner-container
    {
        margin-top:80px;
        padding-left:10px;
        padding-right:10px; 
    }
    

    
    .trenner-bild-rechner
    {
        max-height:800px;
    }
    
    
    .trennerbild
    {
        width:1800px;
        height: auto;
    }
    
    .arbeitgeber-text-header, .arbeitgeber-text
    {
        text-align:center;
        max-width:600px;
        margin-left:auto;
        margin-right:auto;
    }
    
    .headerbackground-image
    {
        width:100%;
        height:auto;
        display:block;
    }
    
    .headerbild
    {   
        width:100%;
        height:auto;
        overflow:none;
        display:block;
    }
    
    .headerbildmitte
    {
        width:100%;
        height: auto;
    }
    
    .produkte-start-container-balken
    {
        height:100px;
        position:absolute;
        padding-bottom:0px;
    }
    
    .produkt-video-inner-out
    {
        top:140px;
    }
    
    .produkt2_bild_out
    {
        bottom:40px;
    }
    
     .headertext-inner
    {
        font-size: clamp(30px, 12.0vw, 72px);
    }
    
    .sub-header-weiss
    {
        line-height:normal;
    }
    
    .neubau-text-header, .neubau-text
    {
        width:100%;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }

    .neubau-link-unten
    {
        position:relative;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:40px;
    }

    .pfeil-hp-unten, .pfeil-hp-oben
    {
        display:none;
    }
    
    .auswahlscrollen-hp-out
    {
        max-height:100%;
        height:auto;
        position:static;
    }
    
    .auswahlscrollen-hp
    {
        width:100%;
        height:auto;
        overflow:visible;
    }
    
    .headertext-ohne-bild
    {
        text-align:center;
        font-size:71px; 
        bottom:0px;
        left:0px;
        width:100%;
        line-height:0.75;
    }
    
    .jobs-trenner-header
    {
        padding-top:50px;
    }
    
    .job-button-abstand
    {
        width:100%;
        height:40px;
        display:block;
    }
    
    
    
}

@media (max-width: 767px) 
{
    .news-breite
    {
       max-width:380px!important;
    }


    .trenner-bild-rechner
    {
        max-height:750px;
    }
    
    .trenner-anmeldung
    {
        display:none;
    }
    
    .trenner-anmeldung-mobil
    {
        display:block;
    }
    
}

@media (max-width: 700px) 
{
    .mobilmenu-out
    {
        min-height:1240px;
    }
    
    .produkt-video-inner-out
    {
        top:110px;
    }
    
    
}
   
@media (max-width: 649px) 
{
    .jobs-button
    {
        margin-left:20px;
    }
    
    .job-text-liste
    {
        margin-left:0px;
        padding-right:20px;
       
    }
    .job-pfeil-left
    {
        right:20px;
    }
    
    .job-text-oben, .job-text-unten
    {
        padding-left:20px;
    }

}
   

@media (max-width: 575px) 
{
    
    .einblicke-header, .arbeitgeber-header, .counter-header, .meilensteine-header, .maps-header, .header-handelspartner, .kontakt-gruppe, .kundenstimmen-header, .unten-header-links, .unten-header-rechts, .header-dinkelsaatgut, .trenner-anmeldung-datum, .header-weiss, .header-schwarz, .sub-header-headline, .news-header, .download-header
    {
        font-size:28px;
    }
      
    .download-zeile-1
    {
        width:280px;
    }

    .download-zeile-2
    {
        width:280px;
        font-size:16px;
    }
    
    .download-zeile-links, .download-zeile-rechts
    {
        height:70px;
    }
    
    .download-icon-pos
    {
        top:7px;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 10px;
    }

    .container
    {
        max-width:1440px!important;
        width:100%;
        padding-left:15px!important;
        padding-right:15px!important;
    }
    
    
    
    .container-mobilmenu
    {
        padding-left:0px!important;
        padding-right:0px!important;
    }
    
    .mobil-logo-pos-weg
    {
        padding-top:25px;
        padding-left:15px;
        padding-right:15px;
        height:100px;
    }
    
    .mobilenavibutton
    {
        top:12px;
    }

    .mobil-logo
    {
        width:240px;
    }

    .header-menu-deckflaeche
    {
        display:block;
    }
    
    .background-header
    {
        margin-top:90px;
    }
    
    .auswahlscrollen-menu
    {
        padding-left:15px;
        padding-right:15px;
        overflow:auto;
        margin-top:95px;
    }

    .textkleiner
    {
        font-size:24px;
        padding-top:17px;
    }
    
    
    .headertext-inner
    {
        font-size: clamp(30px, 12.0vw, 72px);
    }
    
    .menu-shop-button-pos
    {
        right:95px;
        top:12px;
    }
    
    
    
    .mobil-logo-header
    {
        width:200px;
        height:auto;
        position:absolute;
        left:0px;
        top:15px;
        display:block;
    }
    
    .mobilenavibuttontext
    {
        display:none!important;
    }
    
    .mobilenavibutton
    {
        background:#1d5553!important;
    }
    
    .mobil-logo
    {
        display:none!important;
    }
    
    .text-dinkelsaatgut-oben-links, .text-speltfix-oben-links
    {
        font-size: clamp(24px, 7.0vw, 48px);
    }
    
    .produkte-start-container-balken
    {
        position:relative;
    }
    
    .produkte-start-button-banner-text
    {
        padding-top:16px;
        font-size:24px;
    }
 
    .produkt2_bild_out
    {
        bottom:20px;
    }
    
    .sortiment-icon
    {
        width:140px;
    }
    
    .videofenster-out, .bildfenster-out
    {
        padding-left:15px;
        padding-right:15px;
    }
    
    .handelspartner-logo
    {
        width:200px;
        top:30px;
    }
    
    .handelspartner-header
    {
        max-width:200px;
    }
    
    .impressum-text
    {
        font-size:15px;
    }
    
    .headertext-ohne-bild
    {
        font-size: clamp(30px, 12.0vw, 72px);
    }
    
}


@media (max-width: 522px) 
{
    .produkt-video-inner
    {
        width:250px;
    }
    
    .button-video-out
    {
        top:30px;
    }
    
    .button-video-text
    {
        font-size:18px;
    }
    
    .button-video
    {
       margin-top:5px;
    }
    
    .sorten-infoflaeche
    {
        height:auto;
        position:relative;
        padding-bottom:40px;
    }
}

@media (max-width: 465px) 
{

    .produkte-start-container-balken
    {
        height:auto;
        position:relative;
        padding-bottom:20px;
    }
    
    .produkte-pfeil-unten-weiss
    {
        position:relative;
        right:auto;
        bottom:auto;
        width:55px;
        margin-left:auto;
        margin-right:auto;
    }
    
    .produkte-start-button-out
    {
        height:180px;
    }

    .produkte-start-button-banner-text
    {
        padding-top:20px;
        font-size:20px;
        padding-left:5px;
    }
    
    .pfeilbutton-weiss
    {
        right:5px;
    }
    
    .produkt-video-inner-out
    {
        top:65px;
    }
    
    .produkt2_bild_header1, .produkt2_bild_header2
    {
        font-size:24px;
    }

    .block3-icon-oben-strich-weiss
    {
        width:280px;
    }
    
    .versuchswesen-tabelle-header
    {
        font-size:18px;
        padding-top:6px;
    }
    
    .unten-header-links, .unten-header-rechts, .unten-header-5
    {
        font-size:24px;
    }
    
    .unten-text-links-1
    {
        font-size:24px;
        line-height:normal;
    }
    
    .unten-text-5
    {
         line-height:normal;
    }
    
    .sub-header-subline
    {
        font-size:17px;
       
    }
    
    .sub-header-text-extras-bold
    {
        font-size:16px;
    }
    
    .sub-header-text-extras
    {
        font-size:15px;
    }
    
    .sortiment-balken
    {
        font-size:24px;
        font-weight:700;
        padding-top:22px;
    }
    
    .sortiment-text, .sortiment-text-unten
    {
        font-size:16px;
        padding-bottom:40px;
    }
    
    .textfenster-produkte, .meilensteine-text, .arbeitgeber-text
     {
        font-size:15px;
     }
    
    .neubau-text-header, .neubau-text, .karriere-text, .messen-text-oben, .download-zeile-2
    {
        font-size:15px;
    }
    
    .sub-header-handelspartner
    {
        line-height:normal;
    }
        
    .neubau-text-links
    {
        top:0px;
        text-align:center;
        position:relative;
    }


    .neubau-text-rechts
    {
        top:0px;
        right:0px;
        position:relative;
        text-align:center;
        margin-top:20px;
    }

    .neubau-download-icon-rechts
    {
        width:55px;
        heigth:auto;
        position:relative;
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
        cursor:pointer;
    }
    
    .handelspartner-logo
    {
        width:240px;
        top:0px;
        position:relative;
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
    }
    
    .handelspartner-header
    {
        max-width:100%;
    }
    
    .handelspartner-container
    {
        padding-left:15px;
        padding-right:15px;
        position:relative;
        text-align:center;
    }

    
}


@media (max-width: 440px) 
{
    .jobs-button
    {
        margin-left:10px;
    }
    
    .job-text-liste
    {
        margin-left:0px;
        padding-right:10px;
        font-size:15px;
    }
    
    .job-pfeil-left
    {
        right:10px;
        width:16px;
        top:35px;
    }
    
    .job-text-oben, .job-text-unten
    {
        padding-left:10px;
        font-size:21px;
    }
    .job-balken.aktiv .job-pfeil-left
    {
        transform: rotate(90deg);
        top:36px;
        right:15px;
    }    

    .jobs-trenner-header
    {
        line-height:1.3;
    }
    
}


@media (max-width: 412px) 
{


    .rechner-text-vorne
    {
        font-size:15px;
    }

    .ergebnis-text-vorne
    {
        font-size:15px;
    }
    
    .produkte-start-container-deckflaeche-text
    {
        font-size:14px;
    }
    
     .produkte-start-button-out
    {
        height:130px;
    }
    
    .produkte-start-button-bild
    {
        width:120px;
        height:auto;
        margin-top:0px;
    }
    
    .produkte-start-button-banner-text
    {
        padding-top:21px;
        font-size:18px;
        padding-left:5px;
    }
    
    .produkt-video-inner-out
    {
        top:45px;
    }
    
     .produkt2_bild_out
    {
        bottom:10px;
    }
    
    .block3-icon-oben-strich-weiss
    {
        width:260px;
    }
    
    .sorten-info-text-liste, .sorten-info-text, .sorten-info-link-text
    {
        font-size:15px;
    }
    
    .sorten-tabelle-zelle-vorne-header
    {
        font-size:20px;
        padding-left:10px;
    }
    
    .sorten-tabelle-zelle-header
    {
        font-size:18px;
    }
    
    .block3-icon-text2
    {
        font-size:18px;
        line-height:normal;
    }

    .sortiment-text, .sortiment-text-unten
    {
        font-size:15px;
    }

    .sortiment-icon
    {
        width:110px;
    }
    
    .menu-shop-button-pos
    {
        right:90px;
    }
    
}


.visible-mb, .visible-380
{
    display:none;
}



@media (max-width: 370px) 
{
    .header-weiss, .header-schwarz
    {
        font-size:24px;
    }   
    
    .rechner-eingabefeld
    {
        width:70px;
    }
    
     .rechner-eingabefeld-unten
    {
        width:130px;
    }
    
    .downloads-icon, .download-icon-pos
    {
        width:40px;
    }
    
    .download-zeile-1
    {
        width:250px;
        font-size:16px;
    }

    .download-zeile-2
    {
        font-weight:400;
        width:250px;
        font-size:14px;
    }
    
    .download-zeile-links, .download-zeile-rechts
    {
        height:70px;
    }
    
    .download-icon-pos
    {
        top:7px;
    }
   
    .icon-trenner
    {
        width:230px;
        height:auto;
        position:absolute;
        left:30px;
        top:120px;
        transition: all .5s;
    }
    
    .produkte-start-container-text-gross
    {
        font-size:20px;
    }
    .produkte-X-unten-weiss
    {
        width:20px;
         right:4px;
        bottom:4px;
    }
    
    .produkte-start-container-deckflaeche-text
    {
        font-size:13px;
    }
    
        
    .produkte-start-button-banner-text
    {
        padding-top:24px;
        font-size:13px;
    }
    
    .nach-oben-button
    {
        width:40px;
       
        bottom:10px;  
    }
    
      .produkt-video-inner-out
    {
        top:25px;
    }
    
    .produkt2_bild_header1, .produkt2_bild_header2
    {
        font-size:18px;
    }
    
    .versuchswesen-tabelle-header
    {
        font-size:14px;
        padding-top:8px;
    }
    
    .unten-text-links-1
    {
        font-size:20px;
        line-height:normal;
    }
    
    .einblicke-header, .arbeitgeber-header, .counter-header, .meilensteine-header, .maps-header, .header-handelspartner, .kontakt-gruppe, .kundenstimmen-header, .unten-header-links, .unten-header-rechts, .header-dinkelsaatgut, .trenner-anmeldung-datum, .header-weiss, .header-schwarz, .sub-header-headline, .news-header, .download-header
    {
        font-size:24px;
    }
    
    .icon-unten
    {
        width:260px;
    }
    
    
    .mobilbutton
    {
        height:40px;
        font-size:20px;
        padding-top:10px;
    }
    
    .jobs-trenner-bild-text
    {
        bottom:15px;
    }
    
    
}











@media (max-width: 991px) {
	.hidden-break
	{
		display: none !important;
	}
	
  .hidden-mobile 
	{
   		 display: none !important;
  	}
}

@media (max-width: 575px) 
{
    .hidden-mb
    {
        display: none !important;
    }

    .visible-mb
    {
        display:block!important;
    }
}

@media (max-width: 374px) 
{
    .visible-380
    {
        display:block;
    }
    
    .hidden-380
    {
        display:none;
    }
}


@media (min-width: 992px) {
  .hidden-screen {
    display: none !important;
  }
}


@media (min-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
	
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-tab {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .hidden-tab-2 {
    display: none !important;
  }
}


@media (min-width: 576px) {
  .hidden-scr {
    display: none !important;
  }	
}

.no-padding
{
    padding-left:0px!important;
    padding-right:0px!important;
}