/* SWAP & INPUT */

.swap-toggle > .nav > .btn
{
    color: #6b6565;
}

.clForm .element > label
{
    line-height: 1em;
    padding-bottom: 0.5em;
}

.element .user-interaction
{
    font-family: 'Roboto', Calibri, Arial, sans-serif;
}

.btn
{
    transition: box-shadow 0.2s ease-out, background 0.2s ease-in;
}

.btn:hover
{
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.btn:active
{
    outline: none;
}

.btn.btn-normal,
.btn.btn-primary,
.clForm .element .user-interaction.btn
{
    padding: 8px;
    line-height: 1em;
    font-size: 1.1em;
    border: solid 1px #ddd;
    box-sizing: border-box;    
    display: inline-block;
    border-radius: 3px;
    height: auto;
    text-align: center;
    height: 32px;
}

.btn.btn-multiline
{
    height: auto;
    line-height: 1.4em;
}

.btn.btn-max
{
    max-width: 100%;
    width: 100%;
    display: block;
}

.btn.btn-icon::before
{
    margin-right: 0;
    margin-left: 0;
}

.btn.btn-back
{
    display: inline-block;
    height: 26px;
    margin: 5px;
    padding: 6px;
}

.clForm .element .user-interaction.btn
{
    white-space: nowrap;
}

.btn.btn-normal:hover,
.btn.btn-primary:hover,
.clForm .element .user-interaction.btn:hover
{
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.btn.btn-normal,
.clForm .element > .user-interaction.btn.btn-primary.btn.btn-normal
{
    border: solid 1px #ccc;
    background: #f8f8f8;
    color: #000;
    background:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%); 
    background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.98, rgb(246,246,246)),color-stop(0.99, rgb(246,246,246)));
    background:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    background:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    background:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    background:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff6f6f6,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff6f6f6,GradientType=0);
}

.btn.btn-normal.focus,
.clForm .element > .user-interaction.btn.btn-primary.btn.btn-normal.focus
{
    text-decoration: underline;
}

.btn-normal:hover,
.clForm .element > .user-interaction.btn.btn-primary.btn.btn-normal:hover
{
    /*background: #f2f2f2;*/
}

.btn.btn-primary,
.clForm .element > .user-interaction.btn.btn-primary
{
    background: -moz-linear-gradient(50% 0% -90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,121,120)),color-stop(0.51, #f73f3f),color-stop(0.96, rgb(230,44,47)),color-stop(0.98, rgb(229,43,46)));
    background: -webkit-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: -o-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: -ms-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: linear-gradient(180deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    border: 1px solid rgb(218,82,84);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.26);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.26);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.26);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff7978,endColorstr=#ffe52b2e,GradientType=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#42000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff7978,endColorstr=#ffe52b2e,GradientType=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#42000000,Positive=true);
    color: #fff;
}

.btn.btn-primary:hover,
.clForm .element > .user-interaction.btn.btn-primary:hover
{
    background: #e52421;
    background: -moz-linear-gradient(50% 0% -90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,121,120)),color-stop(0.51, #f73f3f),color-stop(0.96, rgb(230,44,47)),color-stop(0.98, rgb(229,43,46)));
    background: -webkit-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: -o-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: -ms-linear-gradient(-90deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);
    background: linear-gradient(180deg,rgb(255,121,120) 0%,#f73f3f 51%,rgb(230,44,47) 96%,rgb(229,43,46) 98%);   
    border-color: #DA5254;
    color: #FFF;
}

/* LOGO SLIDER */

.swap-slider.swap-part-slider
{
    border-radius: 4px;
    border: solid 1px #ddd;
    overflow: hidden;
    background: #F9F9F9;
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#FFF));
    background: -webkit-linear-gradient(top, #F9F9F9 0%,#FFF 100%);
    background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, #F9F9F9 0%,#FFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );  
}

.swap-slider.swap-part-slider > .mask 
{
    width: calc(100%-80px);
    margin-left: 40px;
}

.swap-slider.swap-part-slider > .nav
{
    height: 100%;
}

.swap-slider.swap-part-slider .nav > .btn
{
    display: block;
    position: absolute;
    height: 100%;
    width: 40px;
    background: #F8F8F8;
    border: none;
    outline: none;
    padding: 0;
}

.swap-slider.swap-part-slider .nav > .btn:hover
{
    background: #eee;
}

.swap-slider.swap-part-slider .nav > .btn.button-left
{
    left: 0;
    border-right: solid 1px #ccc;
}

.swap-slider.swap-part-slider .nav > .btn.button-right
{
    right: -1px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.swap-slider.swap-part-slider .nav > .btn.button-left:before,
.swap-slider.swap-part-slider .nav > .btn.button-right:before
{
    font-family: 'fontello';
    content: '\e8ad';
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    display: inline;
    color: #AAAAAA;
    font-size: 40px;
    text-align: center;
}

.swap-slider.swap-part-slider .nav > .btn:hover:before
{
    color: #E81919;
}

.swap-slider.swap-part-slider .nav > .btn.button-right:before
{
    content: '\e8ae';
    right: initial;
    left: 0;
}

/* newsletter */

.element.textelement.single .user-interaction
{
    background:-moz-linear-gradient(50% 0% -90deg,#f8f8f8 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%); 
    background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, #f8f8f8),color-stop(0.3, rgb(255,255,255)),color-stop(0.97, rgb(255,255,255)));
    background:-webkit-linear-gradient(-90deg,#f8f8f8 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%);
    background:-o-linear-gradient(-90deg,#f8f8f8 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%);
    background:-ms-linear-gradient(-90deg,#f8f8f8 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%);
    background:linear-gradient(180deg,#f8f8f8 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%);
    border-color:rgb(221,221,221);
    border-width:1px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border-style:solid;
    -moz-box-shadow:inset 0px 2px 5px 0px rgba(238,238,238,0.75);
    -webkit-box-shadow:inset 0px 2px 5px 0px rgba(238,238,238,0.75);
    box-shadow:inset 0px 2px 5px 0px rgba(238,238,238,0.75);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0);
}

/* FORM ERROR */ 

.element.textelement.single.formError .user-interaction 
{
    border-color: #f13426;
}

.clForm .element.formError > label,
.clForm .element.formError:before
{
    color: #f13426;
}

.clForm .element.formError:before 
{
    font-family: "fontello";
    content: '\e86d';
    position: absolute;
    top: 0;
    right: 11px;
    font-size: 13px;
  
}

.clForm .input-search.user-interaction
{
    background-image: linear-gradient(180deg, #f8f8f8 0%, #fff 30%, #fff 97%);
    border-color: #d6d4d4;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 5px 0 rgba(238, 238, 238, 0.75) inset;
    height: 36px;
    padding-left: 8px;
}

.clForm .button-search.btn
{
    width: 100%;
}

.clForm .element > button.btn-100
{
    /*width: 100%;*/
}


/* SUCHFELD */

.seach-wrap
{
    position: relative;
}

.seach-wrap .input,
.seach-wrap .btn
{
    border: solid #d6d4d4 1px;
    display: inline-block;
    height: 32px;
    box-sizing: border-box;
    vertical-align: top;
}

.seach-wrap .input
{
    background-image: -moz-linear-gradient(50% 0% -90deg,rgb(248,248,248) 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%);
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, #F8F8F8),color-stop(0.3, #FFF),color-stop(0.97, #FFF));
    background-image: -webkit-linear-gradient(-90deg,#F8F8F8 0%,#FFF 30%,#FFF 97%);
    background-image: -o-linear-gradient(-90deg,rgb(248,248,248) 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%);
    background-image: -ms-linear-gradient(-90deg,rgb(248,248,248) 0%,rgb(255,255,255) 30%,rgb(255,255,255) 97%);
    background-image: linear-gradient(180deg,#F8F8F8 0%,#FFF 30%,#FFF 97%);
    border-radius: 5px 0 0 5px;
    box-shadow: inset 0px 2px 5px 0px rgba(238, 238, 238, 0.75);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f8f8,endColorstr=#ffffffff,GradientType=0);
    width: 280px;
    width: 80%;
    padding-left: 8px;
    border-right-color: #fff;
    box-sizing: border-box;
}

.seach-wrap .input:focus
{
    outline: none;
    border-color: #1574d2;
}

.seach-wrap .btn
{
    background-image: -moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, #FFF),color-stop(0.98, #F6F6F6),color-stop(0.99, #F6F6F6));
    background-image: -webkit-linear-gradient(-90deg,#FFF 0%,#F6F6F6 98%,#F6F6F6 99%);
    background-image: -o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    background-image: -ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    background-image: linear-gradient(180deg,#FFF 0%,#F6F6F6 98%,#F6F6F6 99%);
    width: 60px;
    width: 20%;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff6f6f6,GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff6f6f6,GradientType=0);
    border-radius: 0 5px 5px 0;
}

.seach-wrap .input:focus+.seach-wrap > .btn:before
{
    color: #1574d2;
}