/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08.12.2018, 15:07:05
    Author     : juergen
*/

/* iconrow */


@media (min-width: 200px) {
    .kundenstimmen h1 { color: #fff; font-weight: 300;font-size: 4em;}
    .kundenstimmen h2 { color: #fff; font-weight: 300;font-size: 2em;}
    .kundenstimmen h3 { color: #fff; font-weight: 300;font-size: 1.5em;}
    .kundenstimmen h4 { color: #fff; font-weight: 300;font-size: 1em;}
    .kundenstimmen h5 { color: #fff; font-weight: 300;font-size: 1em;}
    .kundenstimmen p  { color: #fff; font-weight: 400;font-size: 1em;}
    
    
    .kundenstimmen .text-weiss h1 { color: #fff; font-weight: 300;font-size: 4em;}
    .kundenstimmen .text-weiss  h2 { color: #fff; font-weight: 300;font-size: 2em;}
    .kundenstimmen .text-weiss  h3 { color: #fff; font-weight: 300;font-size: 1.5em;}
    .kundenstimmen .text-weiss  h4 { color: #fff; font-weight: 300;font-size: 1em;}
    .kundenstimmen .text-weiss  h5 { color: #fff; font-weight: 300;font-size: 1em;}
    .kundenstimmen .text-weiss  p  { color: #fff; font-weight: 400;font-size: 1em;}
    
    
    
    

    .kundenstimmen {
        border-top: 42px solid #94c11c;
        background: url('/fileadmin/templates/spiruli1/img/bg-iconrow-1.jpg');
        width: 100%;
        border-bottom: 42px solid  #94c11c;
        padding-top:32px;
        padding-bottom:32px;
        color: #fff;
    }

    .frame-kundenstimmen .slick-track .frame {
        padding-top: 60px;
        padding-bottom: 60px;
        outline: none;
        align-items: center;
        
        }
    

    
}

@media (min-width: 768px) {

 .frame-kundenstimmen {
        /* background:  #94c11c; */
        width: 100%;
        padding-top:32px;
        padding-bottom:32px;
        padding-left: calc(8vw);
        color: #fff;
        border: 0px solid red;
    }
    
    .frame-kundenstimmen h1 {
       width: 100%;
       margin: 0;
       padding: 0;
       overflow: visible;
       color: white;
       font-weight: 300;
       padding: 0;
       border: 0px solid blue;
       font-size: 4.6em;
    }
    .frame-kundenstimmen h2 {
       font-size: 2.8em;
       color: white; font-weight: 300;
    }
    .frame-kundenstimmen h3 {
       font-size: 1.5em;
       color: white; font-weight: 300;
    }
    .frame-kundenstimmen h4 {
       font-size: 1.5em;
       color: white; font-weight: 300;
    }
    .frame-kundenstimmen h5 {
       font-size: 1.5em;
       color: white; font-weight: 300;
    }
    
    .frame-kundenstimmen p {
       
       color: white;
    }
    
    
    .frame-kundenstimmen .slick-slider { margin-right: calc(8vw); border-right: 0px solid red; }
    .frame-kundenstimmen .slick-slider figure { border: 0px solid red; }
    .frame-kundenstimmen .slick-slide img { }
    
    .frame-kundenstimmen .slick-track .frame-type-text { min-height: 5em; outline: none;}
    
    .frame-kundenstimmen .slick-track .frame {padding-top: 60px;padding-bottom: 60px;outline: none;}
    
    /* Slider Buttons */
     /* Anpassen der Pfeile */
    .slick-prev:before
    {
        content: '←';
        content: ' ';
    }
    .slick-next:before
    {
        content: '→';
        content: ' ';
 
    }
    
    .slick-prev, .slick-next {
        height: 150px;
        width: 70px;
        /*margin-top: -40px;*/
    }


    .slick-prev { margin-left: -50px;}
    .slick-next {  margin-right: -50px; }


    .slick-prev
    {
        background: url('/fileadmin/templates/spiruli1/img/arrow-left-1.png');
        background-position-y: center;
        background-repeat: no-repeat;
         outline: none;
         border: 0px solid #0080c8; 
         background-size: contain;

    }
    .slick-next
    {
        background: url('/fileadmin/templates/spiruli1/img/arrow-right-1.png'); 
        background-position-y: center;
        background-repeat: no-repeat;
         outline: none;
         border: 0px solid #0080c8; 
         background-size: contain;
    }
    
.slick-prev:hover,
.slick-prev:focus
{
    background: url('/fileadmin/templates/spiruli1/img/arrow-left-1.png'); 
       background-position-y: center;
        background-repeat: no-repeat;
         outline: none;
         border: 0px solid #0080c8; 
         background-size: contain;
}

.slick-next:hover,
.slick-next:focus
{
   background: url('/fileadmin/templates/spiruli1/img/arrow-right-1.png'); 
      background-position-y: center;
        background-repeat: no-repeat;
         outline: none;
         border: 0px solid #0080c8; 
         background-size: contain;
}
    

    
    
    
}

@media (min-width: 200px) {
    .slick-dotted.slick-slider {
        margin-bottom: 0px;
        background:  #94c11c;
        color: white;
    }
    .slick-dotted.slick-slider h4 { 
        background:  #94c11c;
        color: white;
    }
    .slick-dotted .slick-slider  {
        color: white;
    }
    
    .slick-initialized .slick-slide {
    outline: none;
}
    
}