/*
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) {
    .allroundslider h1 { color: #000; font-weight: 300;font-size: 4em;}
    .allroundslider h2 { color: #000; font-weight: 300;font-size: 2em;}
    .allroundslider h3 { color: #000; font-weight: 300;font-size: 1.5em;}
    .allroundslider h4 { color: #000; font-weight: 300;font-size: 1em;}
    .allroundslider h5 { color: #000; font-weight: 300;font-size: 1em;}
    .allroundslider p  { color: #000; font-weight: 400;font-size: 1em;}

    .allroundslider {
        border-top: 42px solid #94c11c;
        
        width: 100%;
        border-bottom: 42px solid  #94c11c;
        padding-top:32px;
        padding-bottom:32px;
        color: #000;
    }
    
}

@media (min-width: 768px) {

 .frame-allroundslider {
        width: 100%;
        padding-top:32px;
        padding-bottom:32px;
        padding-left: calc(0vw);
        color: #000;
        border: 0px solid red;
        color: white;
    }
    
       
    
     .frame-allroundslider .gallery-item { padding-left: 0px; padding-right:25px; padding-bottom: 20px;}
    .frame-allroundslider 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-allroundslider h2 {
       font-size: 2.8em;
       color: white; font-weight: 300;
    }
    .frame-allroundslider h3 {
       font-size: 1.5em;
       color: white; font-weight: 300;margin: 10px;
    }
    .frame-allroundslider p {
       
       color: white; font-weight: 400;margin: 10px
    }
    
    
    .frame-allroundslider .slick-slider {/* margin-right: calc(0vw); *//* margin-left: calc(0vw); */border-right: 0px solid red;}



    
    .frame-allroundslider .slick-slider figure { border: 0px solid red; }
    .frame-allroundslider .slick-slide img {/* min-height: 200px; *//* height:  200px; */width: 100%;}
    
    .frame-allroundslider .slick-track .frame-type-text { min-height: 5em;}
    
    .frame-allroundslider .slick-track .frame { padding-top: 60px; padding-bottom: 60px; outline: none; }
    
    .slick-initialized .slick-slide {
    outline: none;
}
    
}
  
@media (min-width: 768px) {
    
    
    /* Anpassen der Pfeile */
    .frame-allroundslider .slick-prev:before
    {
        content: '←';
        content: ' ';
    }
    .frame-allroundslider .slick-next:before
    {
        content: '→';
        content: ' ';
 
    }
    
    .frame-allroundslider .slick-prev
    {
        background: url('/fileadmin/templates/spiruli1/img/arrow-left-2.png');
        color: #eee;
        outline: none;
        border: 0px solid #0080c8;
        background-position-x: 10px;
        background-position-y: 150px;
        background-repeat: no-repeat;
        z-index: 1000999;
        /* position: absolute; */
        left: calc(70px);
        width: 120px;
        height: 100%;
        /* margin-top: -100px; */
        border: 0px solid red;
    }
    .frame-allroundslider .slick-next
    {
         background: url('/fileadmin/templates/spiruli1/img/arrow-right-2.png');
         color: #eee;
         outline: none;
         /* border: 0px solid #0080c8; */
         
         background-position-y: 150px;
         background-position-x: 60px;
         background-repeat: no-repeat;
         z-index: 1000999;
         /* position: absolute; */
         /* left: calc(50vw + 380px); */
         width: 160px;
         /* height: 120px; */
         height:  100%;
         /* margin-top: -100px; */
         right: calc(52px);
         border: 0px solid red;
    }
 
.frame-allroundslider .slick-prev:hover,
.frame-allroundslider .slick-prev:focus
{

}

.frame-allroundslider .slick-next:hover,
.frame-allroundslider .slick-next:focus
{

}
    
    
    
    
    
}
  
@media (min-width: 992px) {
    
    
    .frame-allroundslider .slick-prev
    {
    background-position-y: 151px;
    }
    .frame-allroundslider .slick-next
    {
      background-position-y: 151px;
    }
  
}
@media (min-width: 1140px) {
    
    
    .frame-allroundslider .slick-prev
    {
        background-position-y: 172px;
    }
    .frame-allroundslider .slick-next
    {
    background-position-y: 172px;
    }
  
}
@media (min-width: 1170px) {
    
    
    .frame-allroundslider .slick-prev
    {
        background-position-y: 123px;
    }
    .frame-allroundslider .slick-next
    {
     background-position-y: 123px;
    }
  
}


@media (min-width: 1170px) {
    
    
    .frame-allroundslider .slick-prev
    {
        
        background-position-y: calc(50px + 6vw);
    }
    .frame-allroundslider .slick-next
    {
     background-position-y: calc(50px + 6vw);
    }
  
}
@media (min-width: 1400px) {
    
    
    .frame-allroundslider .slick-prev
    {
        
        background-position-y: calc(50px + 8vw);
    }
    .frame-allroundslider .slick-next
    {
     background-position-y: calc(50px + 8vw);
    }
  
}