@charset "UTF-8";
@charset "UTF-8";

  *,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
padding: 0;
margin: 0;
}
html,
body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
font-family: 'Poppins', Helvetica, sans-serif;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #385B6B;
font-size: 100%;
scroll-behavior: smooth;
}
body img {
width: 100%;
height: auto;
display: block;
} li.menu__item:last-child {
margin-bottom: 80px;
} #header {
background: #fff;
width: 100%;
height: 130px;
position: fixed;
z-index: 999;
box-shadow: 0 0 20px rgba(30, 30, 30, 0.3);	
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
display: flex;
}
#header,
.header-trenner {
height: 130px;
}
.logo {
width: auto;
height: 120px;
position: absolute;
padding-top: 25px;
left: 14%;
padding-bottom: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.logo img {
width: auto;
height: 100%;
} .submenu {
position: absolute;
right: 10%;
display: flex;
align-self: center;
}
.menu-sub {
display: flex;
list-style: none;
}
.icon-navi a {
width: auto;
display: inline-block;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 120%;
text-transform: uppercase;
color: #385B6B;
display: inline-block;
float: left;
margin-right: 2vw;
}
.icon-navi a:hover {
color: #EB6700;
}
.icon-navi a:before {
width: 30px;
height: 30px;
float: left;
}
.panne .icon-navi a:before {
content: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/datenpanne.svg);
}
.phone .icon-navi a:before {
content: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/phone.svg);
}
.map .icon-navi a:before {
content: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/map.svg);
}
.shop .icon-navi a:before {
content: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/shop.svg);
}
.komp .icon-navi a:before {
content: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/pfeile.svg);
} .slider-header-bg {
background: rgb(2,25,33);
background: linear-gradient(90deg, rgba(1,21,30,1) 30%, rgba(5,25,35,1) 40%, rgba(9,33,44,1)80%);
}
.slider-wrap {
width: 100%;
position: relative;
background-repeat:no-repeat;	
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-wrap::after {
content: ' ';
display: table;
clear: both;
}
.slider-item {
min-height: calc(100vh - 130px);
background-size: cover;
background-position: center center;
position: relative;
display: flex;
align-items: center;
background-repeat:no-repeat;		
}
.slider-item-inhalt {
width: 46%;
margin-left: 14%;
padding-bottom: 25px;
}
.slider-item-liste {
width: 100%;
margin-top: 4%;
margin-left: -2%;	
display: flex;
flex-wrap: wrap;
align-items: center;
}
.slider-item-liste-icon {
width: 20%;
margin: 0% 2%; 
text-align: center;
}
.slider-item-liste-icon a {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.slider-item-liste-icon a:hover {
color: #EB6700;
}
.slider-item-liste-icon {
padding: 1%; 
text-align: center;
}
.slider-item-icon {
width: 90%;
padding-top: 5%;
margin: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.slider-item-liste-icon a:hover .slider-item-icon {
width: 95%;
padding: 0%;	
}
.slider-item-inhalt h2 {
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #EB6700;
font-size: 550%;
line-height: 120%;
margin-bottom: 4%;
}
.slider-item-inhalt h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 280%;
margin-bottom: 20px;
} section {
width: 100%;
clear: both;
}
section::after {
content: ' ';
display: table;
clear: both;
}
.main,
.content-l {
width: 91.66%;
max-width: 1280px;
margin: auto;
clear: both;
}
.content-s {
margin: auto;
clear: both;	
} .ct-block,
.cm-block,
.cs-block {
display: none;
} .cd,
.cd1,
.cd2,
.cd3,
.cd4,
.cd5,
.cd6,
.cd7,
.cd8,
.cd9,
.cd10,
.cd11,
.cd12,
.ct,
.ct1,
.ct2,
.ct3,
.ct4,
.ct5,
.ct6,
.ct7,
.ct8,
.ct9,
.ct10,
.ct11,
.ct12,
.cm,
.cm1,
.cm2,
.cm3,
.cm4,
.cm5,
.cm6,
.cm7,
.cm8,
.cm9,
.cm10,
.cm11,
.cm12,
.cs,
.cs1,
.cs2,
.cs3,
.cs4,
.cs5,
.cs6,
.cs7,
.cs8,
.cs9,
.cs10,
.cs11,
.cs12 {
float: left;
}
.cd1 {
width: 8.33%;
}
.cd2 {
width: 16.66%;
}
.cd3 {
width: 25%;
}
.cd4 {
width: 33.33%;
}
.cd5 {
width: 41.66%;
}
.cd6,
.content-s,
.content-kontakt {
width: 50%;
}
.cd7 {
width: 58.33%;
}
.cd8 {
width: 66.66%;
}
.cd9 {
width: 75%;
}
.cd10 {
width: 83.33%;
}
.cd11 {
width: 91.66%;
}
.cd12 {
width: 100%;
}
.cd-ecke{
width:50%; 
} .cr {
float: right;
}
.cl {
float: left;
}
.cc {
float: none;
margin: auto;
}
.relativ {
position: relative;
}
.absolut {
position: absolute;
} .tx-orange {  color: #EB6700;}
.tx-blue {  color: #385B6B;}
.tx-white {  color: #ffffff;}
.bg-orange {  background: #EB6700; color: #fff;}
.bg-blue {  background: #385B6B; color: #fff;}
.bg-white {  background: #ffffff; color:#385B6B; }
.bg-sky-blue {
background-color: #031a22;
background-image: linear-gradient(45deg, #031a22 , #385B6B );
color: #fff;	
}
.bg-sky-darkblue {
background: rgb(3,26,34);
background: linear-gradient(45deg, rgba(3,26,34,1) 60%, rgba(56,91,107,1) 90%);
color: #fff;	
}
.bg-corner-blue{
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1)65%, rgba(56,91,107,1) 65%);
}
.bg-corner-news{
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1)48%, rgba(56,91,107,1) 48%);
}
.corner-orange{
background: rgb(56,91,107);
background: linear-gradient(-55deg, rgba(56,91,107,1) 0%, rgba(56,91,107,1) 72%, rgba(235,103,0,1) 72%, rgba(235,103,0,1) 100%);
color: #fff;
} h1, .h1 {
font-weight: 300;
font-size: 350%;	
margin-bottom: 30px;	
}
h2 .h1 {
font-size: 125%;
display: block;	
}
h3 .h1 {
font-size: 218.7%;
display: block;	
}
h2, .h2 {
font-weight: 300;
font-size: 280%;
margin-bottom: 30px;	
}
h1 .h2 {
font-size: 80%;
display: block;
margin-bottom: 0px;	
}
h3 .h2 {
font-size: 175%;
display: block;
margin-bottom: 0px;		
}
h3, .h3 {
font-weight: 300;
font-size: 160%;
margin-bottom: 20px;
}
h1 .h3 {
font-size: 45.71%;
display: block;
margin-bottom: 0px;		
}
h2 .h3 {
font-size: 57.14%;
display: block;
margin-bottom: 0px;		
}
h4 {
font-weight: 300;
font-size: 120%;
line-height: normal;
margin-bottom: 20px;
}
p {
font-size: 100%;
line-height: 150%;
margin-bottom: 20px;
}
.header-big{
font-size: 500%;
line-height: auto;
color:#EB6700;
}
a {
font-size: 100%;
text-decoration: none;
color: #385b6b;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.bg-sky-blue a,
.bg-sky-darkblue a,
.bg-orange a,
.bg-orange .tx-white a,
.corner-orange a {
color: #fff;	
}
.bg-sky-blue a:hover,
.bg-sky-darkblue a:hover,
.bg-orange a:hover,
.bg-orange .tx-white a:hover,
.corner-orange a:hover {
color: #eb6700;
}
.bg-orange h4 a,
.corner-orange h4 a {
color: #385B6B;	
}
.bg-orange h4 a:hover,
.corner-orange h4 a:hover {
color: #fff;
}
.category-news .bg-sky-blue a,
.category-news .bg-sky-darkblue a,
.category-news .bg-orange a,
.category-news .corner-orange a {
color: #385B6B;	
}
.category-news .bg-sky-blue a:hover,
.category-news .bg-sky-darkblue a:hover,
.category-news .bg-orange a:hover,
.category-news .corner-orange a:hover {
color: #eb6700;	
}
.pagination {
text-align: center;
font-size: 120%;
color: #fff;
}
.category-news .bg-sky-blue a.page-numbers {
color: #fff;
margin: 0px 5px;
padding: 0px 3px;
}
.category-news .bg-sky-blue a.page-numbers:hover,
.category-news .bg-sky-blue .page-numbers.current{
color: #eb6700;
}
a:hover {
color:#eb6700;
} .img-circle{
border-radius: 50%;
}
.bg-akademie{
background-image:url(//www.konzept17.de/wp-content/themes/konzept17/image/image-k17-akademie.jpg);
} .wrap-minus {
margin-top: -6%;
} .bg-image-full {
background-position:center center;
background-size:cover;
background-repeat: no-repeat;
position: relative;
min-height: 85vH;
display: flex;
align-items: center;
padding: 6% 0;
} .flexer,
.flexer-zero {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;	
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items:  stretch;
}
.flexer .flexy-4 {
width: 22%;
margin: 1.5%;
flex-grow: 0;
flex-shrink: 0;
}
.flexer .flexy-3 {
width: 30%;
margin: 1.5%;
flex-grow: 0;
flex-shrink: 0;
}
.flexer .flexy-2 {
width: 46%;
margin: 2%;
flex-grow: 0;
flex-shrink: 0;
}
.flexer .flexy-1 {
width: 96%;
margin: 2%;
flex-grow: 0;
flex-shrink: 0;
}
.flexer-zero .flexy-3 {
width: 33.3%;
margin: 0;
flex-grow: 0;
flex-shrink: 0;
}
.flexer-zero .flexy-2 {
width: 50%;
margin: 0%;
flex-grow: 0;
flex-shrink: 0;
}
.flexer-zero .flexy-1 {
width: 100%;
margin: 0%;
flex-grow: 0;
flex-shrink: 0;
}
.category-news .flexer .flexy-3 {
display: flex;
} .content-spacer {
padding: 3% 0;
}
.content-corner {
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
overflow: hidden;
}
.bm {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bm-image {
-webkit-align-self: stretch;
align-self: stretch;
overflow: hidden;
}
.bm-image img {
object-fit: cover;
object-position: right center;	
height: 100%;
}
.ecke-blau {
width: 0;
height: 0;
position: absolute;
left:60%;
bottom: 0;
border-left: 50vh solid transparent;
border-bottom: 100vh solid #385B6B;
} .list-box-white {
position: relative;
padding-bottom: 20px;
background: #fff;
}
.list-box-orange {
position: relative;
padding-bottom: 20px;
background: #EB6700;
color: #fff;
}
.list-box-white-corner {
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
-webkit-box-shadow: 0 11px 46px -19px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 11px 46px -19px rgba(0, 0, 0, 0.5);
box-shadow: 0 11px 46px -19px rgba(0, 0, 0, 0.5);
overflow: hidden;
position: relative;
padding-bottom: 20px;
}
.bg-image-full .list-box-white-corner {
background: #fff;	
}
.bg-image-full .bg-orang.list-box-white-corner {  background: #EB6700; }
.bg-image-full .bg-blue.list-box-white-corner  {  background: #385B6B; }
.bg-image-full .bg-sky-blue.list-box-white-corner  {
background-color: #031a22;
background-image: linear-gradient(45deg, #031a22 , #385B6B );
}
.bg-image-full .bg-sky-darkblue.list-box-white-corner  {
background: rgb(3,26,34);
background: linear-gradient(45deg, rgba(3,26,34,1) 60%, rgba(56,91,107,1) 90%);	
}
.list-box-icon .icon-list-box {
width: 50%;
margin: auto;
padding: 5% 0;
}
.list-box-icon .text-list-box,
.list-box-text .text-list-box{
width: 90%;
margin: auto;
}
.list-box-text .text-list-box {
padding-top: 5%;
}
.flexer-zero .text-list-box {
width: 90%;
margin: auto;
padding: 5%;
} .content-kontakt {
margin: auto;
clear: both;
display: flex;
align-items: center;
}
.content-kontakt::after {
content: ' ';
display: table;
clear: both;
}
.kontakt-image {
padding: 3% 0;
}
.kontakt-text {
padding: 5%;
padding-left: 0;
}
.kontakt-img-circle {
border-radius: 50%;
padding: 5%;	
} .schulung-inhalt h3 {
margin-bottom: 0;
}
.schulung-inhalt p {
margin-bottom: 10px;
}
.termin {
display: flex;
justify-content: center;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
.termin-box{
margin: 1%;
padding: 1%;
} .ac-box {
display: block;
position: relative;
}
.ac-box:hover {
cursor: pointer;
}
a.ac-button {
font-weight: normal;
font-size: 120%;
color: #002e56;
display: inline-block;
padding: 10px 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.bg-blue a.ac-button {
font-weight: normal;
font-size: 120%;
color: #fff;
display: inline-block;
padding: 10px 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.schulung a.ac-button {
color: #ffffff;
}
a.ac-button:hover {
color: #EB6700;
}
a.ac-button.open::after {
background-image: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/kreuz.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
content: "";
position: absolute;
right: 0px;
top: 0px;
width: 25px;
height: 100%;
transform: rotate(135deg);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.ac-button.closed::after {
background-image: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/kreuz.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
content: "";
position: absolute;
right: 0px;
top: 0px;	
width: 25px;
height: 100%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ac-content {
display: none;
margin-top: 10px;
margin-bottom: 25px;	
}
.ac-content-image {
width: 35%;
padding: 0% 5% 5% 0%;
float: left;
} .bg-orange a.ac-button {
font-weight: normal;
font-size: 120%;
color: #fff;
display: inline-block;
padding: 10px 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.bg-orange a.ac-button:hover {
color: #fff;
}
.bg-orange a.ac-button.open::after {
background-image: url(http://relaunch.konzept17.de/wp-content/uploads/2022/04/kreuz-w.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
content: "";
position: absolute;
right: 0px;
top: 0px;
width: 25px;
height: 100%;
transform: rotate(135deg);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.bg-orange a.ac-button.closed::after {
background-image: url(http://relaunch.konzept17.de/wp-content/uploads/2022/04/kreuz-w.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
content: "";
position: absolute;
right: 0px;
top: 0px;	
width: 25px;
height: 100%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.bg-orange .trenner-line.bg-orange {
background-color: #fff;
} .content-news {
width: 50%;
margin: auto;
}
.news-box {
background: #EB6700;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
-webkit-box-shadow:  3px 2px 6px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:  3px 2px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow:  3px 2px 6px 0px rgba(0, 0, 0, 0.5);
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
}
.news-box.blog {
background: #fff;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
-webkit-box-shadow:  3px 2px 6px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:  3px 2px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow:  3px 2px 6px 0px rgba(0, 0, 0, 0.5);
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
color: #002e56 !important;
}
.news-box h2 {
font-size: 140%;
margin-bottom: 20px;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
.news-img {
align-self: stretch;
overflow: hidden;
position: relative;
padding-top: 58%;
border-bottom: 1px solid #EB6700;
}
.news-img img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.news-box a:hover .news-img img {
width: 110%;
}
.news-detail-header {
width: 100%;
height: 40vh;
}
.news-detail-minus {
margin-top: -30vH;
}
.news-teaser {
width: 91.66%;
margin: auto;
padding: 5% 0;
}
.news-teaser h1 {
font-size: 250%;
color: #EB6700;
}
.news-teaser h2 {
font-size: 180%;
}
.news-teaser p .tx-small{
font-size:90%
} .tx-center {
text-align: center;
}
.tx-left {
text-align: left;
}
.tx-right {
text-align: right;
} .pd-1 {
padding: 1%;
}
.pd-2 {
padding: 2%;
}
.pd-3 {
padding: 4%;
}
.pd-5 {
padding: 5%;
}
.txt-box {
padding: 2% 2%;
} .trenner-50 {
width: 100%;
clear: both;
height: 3vw;
}
.trenner-25 {
width: 100%;
clear: both;
height: 2vw;
}
.trenner-10 {
width: 100%;
clear: both;
height: 1vw;
}
.trenner-line {
width: 100%;
height: 1px;
clear: both;
}
hr {
width: 100%;
height: 1px;
clear: both;
border: 0px;
background-color: #002e56;
margin-bottom: 10px;
margin-top: 10px;
}
.bg-sky-blue hr,
.bg-sky-darkblue hr,
.bg-orang hr,
.bg-blue hr {
background-color: #fff;	
}
.trenner-news {
width: 100%;
clear: both;
height: 11vw;
min-height: 50px;	
}
.trenner-news-detail {
width: 100%;
clear: both;
height: 6vw;
min-height: 30px;	
}
.trenner-bar {
width: 100%;
height: 3px;
clear: both;
margin: 25px 0px;
} a.box-button {
background-color: #eb6700;
padding: 7px 15px;
color: #fff;
margin: 3% 0;
display: inline-block;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
}
a.box-button:hover {
color: #eb6700;
background-color: #385B6B;
}
input[type="submit"] {
background-color: #eb6700;
padding: 7px 15px;
cursor: pointer;
color: #fff;
margin: 3% 0;
display: inline-block;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-width: 0;
}
input[type="submit"]:hover {
color: #eb6700;
background-color: #385B6B;
}
.schulung {
padding-bottom: 60px;
position: relative;
}
.schulung a.box-button {
width: 100%;
position: absolute;
bottom: 0px;
background-color: #eb6700;
padding: 7px 8%;
color: #fff;
margin: 0 0;
display: inline-block;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
text-align: right;
}
.schulung a.box-button:hover {
color: #eb6700;
background-color: #385B6B;
}
.list-box-orange a.box-button {
background-color: #fff;
padding: 7px 15px;
color: #eb6700;
margin: 3% 0;
display: inline-block;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.list-box-orange a.box-button:hover {
color: #eb6700;
background-color: #385B6B;
} .button-side{
position: absolute;
left:-2%;
top:8%;
width:320px;
text-align: right;
font-size: 18px;  
}
a.side {
display: block;
margin-top:5%;
width: 97%
}
a.side:hover{
width: 100%;
} section ul li {
font-size: 110%;
list-style: none;
padding-left: 30px;
margin: 5px
display: block;
background-image: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/pfeile.svg);
background-position: left 7px;
background-repeat: no-repeat;
background-size: 17px;
}
section ul:first-child li {
margin-top: 0px;
} .bg-footer {
background: #fff;	
}
#news.bg-footer {
background: linear-gradient(90deg, #031a22 , #385B6B );	
}
footer {
width: 100%;
color: #fff;
padding: 1% 0 2%;
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 8%, rgba(56,91,107,1) 8%);	
}
footer a {
color: #fff;
display: block;
}
footer a:hover {
color: #eb6700
}
footer p {
font-size:95%;
line-height: 130%;
}
.footer-logo {
width: 15%;
margin-bottom: 15px;
padding-right: 3%;
float: left;
}
.footer-block {
width: 80%;
margin-top: 10px;
float: left;
}
.footer-adressen {
width: 100%;
}
.c-adresse {
width: auto;
float: left;
margin-top: 10px;	
}
.cl-adresse {
float: left;
margin-right: 50px;
}
.cl-adresse h4 {
font-family: 'Roboto Condensed';
font-size: 110%;
margin-bottom: 10px;
font-weight: normal;
}
.proven-zertifikat {
width: 120px;
right: 5%;
top: 40px;
position: absolute;
}
.footer-icon:hover {
opacity: 0.5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.social-media-box {
float: right;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.social-media-box a {
display: inline-block;	
width: 30px;
margin-right: 8px;
}
.sub-footer {
width: 100%;
}
.sub-footer .sub-footer-nav a {
display: inline-block;
margin-right: 15px;
}
@media only screen and (min-width: 2200px) {
.content-l {
max-width: 1850px;
} html,
body {
font-size: 116%;
}
} @media only screen and (max-width: 1600px) { #header,
.header-trenner {
height: 100px;
}
.logo {
height: 100px;
position: absolute;
padding-top: 20px;
left: 14%;
padding-bottom: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
} .slider-item,
.info-wrap {
min-height: calc(100vh - 100px);
}
.news-box h2 {
font-size: 135%;
margin-bottom: 20px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
} @media only screen and (max-width: 1396px) {
h1, .h1 {
font-size: 300%;
margin-bottom: 25px;	
}
h2, .h2 {
font-size: 238%;
margin-bottom: 20px;	
}
h3, .h3  {
font-size: 134%;
margin-bottom: 20px;
}
h4 {
font-size: 115%;
line-height: auto;
margin-bottom: 15px;
}
p {
font-size: 100%;
line-height: 150%;
margin-bottom: 8px;
}
.news-box h2 {
font-size: 130%;
margin-bottom: 20px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}	
} @media only screen and (max-width: 1280px) { .header-trenner {
width: 100%;
height: 80px;
clear: both;
}
#header {
height: 80px;
}
.logo {
height: 80px;
position: absolute;
padding-top: 20px;
left: 5%;
} .slider-item {
min-height: calc(100vh - 80px);
background-size: 120%;
background-position: right top;
position: relative;
display: flex;
align-items: center;
background-repeat:no-repeat;		
} .slider-item-inhalt {
width: 60%;
margin-left: 5%;
}
.slider-item-inhalt-liste{
margin-top: 5%;
margin-left: -2%;	
display: flex;
flex-wrap: wrap;
align-items: center;
}
.slider-item-liste {
width: 70%;
margin-top: 5%;
margin-left: -3%;	
display: flex;
flex-wrap: wrap;
align-items: center;
}
.slider-item-liste-icon {
width: 33%;
padding: 1%;
text-align: center;
}
.slider-item-icon {
width: 80%;
margin: auto;
}
.slider-item-inhalt h2 {
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #EB6700;
font-size: 360%;
line-height: 100%;
margin-bottom: 3%;
}
.slider-item-inhalt h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 220%;
margin-bottom: 20px;
} .submenu {
position: absolute;
right: 12%;
display: flex;
}
.icon-navi a {
width: auto;
display: inline-block;
font-size: 104%; 
display: inline-block;
float: left;
margin-right: 1.4vw;
}
.icon-navi a:hover {
color: #eb6700;
}
.icon-navi a:before {
width: 30px;
float: left;
} .ct1 {
width: 8.33%;
}
.ct2 {
width: 16.66%;
}
.ct3 {
width: 25%;
}
.ct4 {
width: 33.33%;
}
.ct5 {
width: 41.66%;
}
.ct6 {
width: 50%;
}
.ct7 {
width: 58.33%;
}
.ct8,	.content-s, .content-kontakt {
width: 66.66%;
}
.ct9 {
width: 75%;
}
.ct10 {
width: 83.33%;
}
.ct11 {
width: 91.66%;
}
.ct12 {
width: 100%;
} .ct-cr {
float: right;
}
.ct-cl {
float: left;
}
.ct-cc {
float: none;
margin: auto;
} .ct-none {
display: none;
}
.ct-block {
display: block;
} h1, .h1 {
font-size: 260%;
margin-bottom: 20px;	
}
h2, .h2 {
font-size: 210%;
margin-bottom: 20px;	
}
h3, .h3  {
font-size: 118%;
margin-bottom: 15px;
}
h4 {
font-size: 110%;
line-height: auto;
margin-bottom: 10px;
}
p {
font-size: 100%;
line-height: 150%;
margin-bottom: 8px;
} .ct-txc {
text-align: center;
}
.ct-txl {
text-align: left;
}
.ct-txr {
text-align: right;
} .trenner-50 {
width: 100%;
clear: both;
height: 50px;
}
.trenner-25 {
width: 100%;
clear: both;
height: 25px;
}
.trenner-10 {
width: 100%;
clear: both;
height: 10px;
} .ecke-blau {
width: 0;
height: 0;
position: absolute;
left:54%;
bottom: 0;
border-left: 47vh solid transparent;
border-bottom: 100vh solid #385B6B;
} footer {
width: 100%;
color: #fff;
padding: 3% 0 2%;
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 8%, rgba(56,91,107,1) 8%);	
}
.footer-logo {
width: 18%;
margin-bottom: 15px;
padding-right: 2%;
float: left;
}
.footer-logo::after {
content: ' ';
display: table;
clear: both;
}
.footer-block {
width: 75%;
margin-top: 10px;
float: left;
}
.footer-adressen {
width: 100%;
}
.c-adresse {
width: 90%;
float: none;
margin-top: 0px;
margin-bottom: 10px;
}
.cl-adresse {
float: left;
min-width: 28%;
margin-right: 50px;
}
.cl-adresse h4 {
font-family: 'Roboto Condensed';
font-size: 110%;
margin-bottom: 10px;
}
.proven-zertifikat {
width: 120px;
right: 7.5%;
top: 40px;
position: absolute;
}
.footer-icon:hover {
opacity: 0.5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.social-media-box {
float: right;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.social-media-box a {
width: 30px;
margin-right: 8px;
}
} @media only screen and (max-width: 1080px) { h1, .h1 {
font-size: 250%;
margin-bottom: 20px;	
}
h2, .h2 {
font-size: 200%;
margin-bottom: 20px;	
}
h3, .h3  {
font-size: 110%;
margin-bottom: 15px;
word-wrap: normal;	
}
h4 {
font-size: 105%;
line-height: auto;
margin-bottom: 10px;
word-wrap: normal;	
}
p {
font-size: 100%;
line-height: 150%;
margin-bottom: 8px;
word-wrap: normal;	
}	
} @media only screen and (max-width: 880px) {
#header,
.header-trenner {
height: 70px;
}
.logo {
height: 73px;
position: absolute;
padding-top: 14px;
left: 40px;
}
.icon-text {
display: none;
} .submenu {
position: absolute;
bottom: 35%;
right: 25%;
}
.icon-navi a::before {
width: 35px;
float: left;
}
.icon-navi a {
margin-right: 5.5vw;
} .slider-item {
min-height: 50vh;
background-size: cover;
background-position: center center;
position: relative;
} h1, .h1 {
font-size: 250%;
margin-bottom: 20px;	
}
h2, .h2 {
font-size: 200%;
margin-bottom: 20px;	
}
h3, .h3  {
font-size: 114%;
margin-bottom: 15px;
}
h4 {
font-weight: normal;
font-size: 100%;
line-height: auto;
margin-bottom: 10px;
}
p {
font-size: 100%;
line-height: 150%;
margin-bottom: 8px;
} .cm1 {    width: 8.33%;  }
.cm2 {    width: 16.66%;  }
.cm3 {    width: 25%;  }
.cm4 {    width: 33.33%;  }
.cm5 {    width: 41.66%;  }
.cm6 {    width: 50%;  }
.cm7 {    width: 58.33%;  }
.cm8 {    width: 66.66%;  }
.cm9,	.content-s {    width: 75%;  }
.cm10, .content-kontakt {    width: 83.33%;  }
.cm11,.content-l {    width: 91.66%;  }
.cm12 {    width: 100%;  } .cm-cr {    float: right;  }
.cm-cl {    float: left;  }
.cm-cc {    float: none;    margin: auto; } .cm-txc {
text-align: center;
}
.cm-txl {
text-align: left;
}
.cm-txr {
text-align: right;
} .bm-clear {
display: block;
content: ' ';
display: table;
clear: both;
} .bg-image-full {
min-height: 55vH;
} .schraege{
background-position:center;
background-size:cover;
background-image:none;
background-repeat: no-repeat;
height: 100%;
position: relative;
} 
.dec-icon {
width: 105px;
margin-bottom: 25px;
}
.dec-image {
margin-bottom: 25px;
}
.balken-icon {
width: 100px;
margin-right: 30px;
}
.i-quote{
background-image: url(//www.konzept17.de/wp-content/themes/konzept17/grafik/icon/Icon-quotes.svg);
background-position: 96% 0%;
background-size: contain;
background-repeat: no-repeat;
padding-right: 3em;
display: inline-block;
}
.cm-corner-normal{
border-top-left-radius: 0px;
border-bottom-right-radius:0px;
}
.img-datenschutz{
background-position:center;
background-size:cover;
background-image:url(//www.konzept17.de/wp-content/themes/konzept17/image/header/head-datenschutz-mobil.jpg);
background-repeat: no-repeat;
height: 70vh;
position: relative;
} .list-box-white {
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
-webkit-box-shadow: 0 11px 46px -19px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 11px 46px -19px rgba(0, 0, 0, 0.5);
box-shadow: 0 11px 46px -19px rgba(0, 0, 0, 0.5);
overflow: hidden;
position: relative;
padding-bottom: 20px;
background: #fff;
}	
.flexy-3.list-box-icon .icon-list-box,
.flexy-4.list-box-icon .icon-list-box{
width: 26%;
margin: auto;
float: left;
padding: 2%;
}
.flexy-3.list-box-icon .text-list-box,
.flexy-4.list-box-icon .text-list-box	{
width: 70%;
float: left;
padding-top: 2%;
}
.list-box-text .text-list-box {
width: 90%;
margin: auto;
padding-top: 5%;
} .ecke-blau {
width: 0;
height: 0;
position: absolute;
right: 0;
bottom: 0;
border-left: 0vw solid transparent;
border-bottom: 0vw solid #385B6B;
} .flexer .flexy-2 {
width: 46%;
margin: 2%;
}	
.flexer-zero .flexy-2 {
width: 100%;
}		
.flexer .flexy-4,
.flexer .flexy-3 {
width: 98%;
margin: auto;
margin-bottom:2%;
margin-top:2%;	
flex-grow: 0;
flex-shrink: 0;
} .news-detail-header {
width: 100%;
height: 20vh;
}
.news-detail-minus {
margin-top: -15vH;
}	
.news-teaser h1 {
font-size: 180%;
color: #EB6700;
}	
.news-teaser h2 {
font-size: 140%;
} #news .bg-footer {
background: linear-gradient(90deg, #031a22, #263d48 );	
}	
footer {
width: 100%;
color: #fff;
padding: 3% 0 2%;
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 15%, rgba(56,91,107,1) 15%);	
}
.footer-logo {
width: 26%;
margin-bottom: 15px;
margin-left: 8.5%;	
padding-right: 0%;
float: none;
}
.footer-logo::after {
content: ' ';
display: table;
clear: both;
}
.footer-block {
width: 75%;
margin: auto;
margin-top: 10px;
float: none;
}
.footer-adressen {
position: inline-block;
width: 100%;
}
.proven-zertifikat {
width: 120px;
right: 12.5%;
top: 40px;
position: absolute;
}	
.c-adresse {
width: 100%;
float: none;
margin-top: 0px;
margin-bottom: 10px;
}
.cl-adresse {
float: left;
min-width: 34%;
margin-right: 50px;
margin-bottom 15px;
}
.cl-adresse h4 {
font-family: 'Roboto Condensed';
font-size: 110%;
margin-bottom: 10px;
}
.footer-icon:hover {
opacity: 0.5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.social-media-box {
float: right;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.social-media-box a {
width: 30px;
margin-right: 8px;
}
.sub-footer {
width: 100%;
}
.sub-footer .sub-footer-nav a {
display: inline-block;
margin-right: 15px;
} .cm-none {    display: none;  }
.cm-block {    display: block;  }
} @media only screen and (max-width: 560px) {
#header {
width: 100%;
}
.logo {
height: 80px;
position: absolute;
padding-top: 12px;
left: 15px;
} .slider-item {
min-height: auto;
background-size: 145%;
background-position: top;
position: relative;
display: block;
align-items: center;		
}
.slider-item-inhalt {
width: 100%;
margin-left: 7%;
margin-top: 12%;
}
.slider-item-liste {
width: 100%;
margin-top: 4%;
margin-left: -2%;	
display: flex;
flex-wrap: wrap;
align-items: center;
}
.slider-item-liste-icon {
width: 30%;
padding: 1%; 
text-align: center;
}
.slider-item-liste-icon a {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.slider-item-liste-icon a:hover {
color: #EB6700;
}
.slider-item-liste-icon {
padding: 1%; 
text-align: center;
}
.slider-item-icon {
width: 90%;
padding-top: 5%;
margin: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.slider-item-liste-icon a:hover .slider-item-icon {
width: 95%;
padding: 0%;	
}
.slider-item-inhalt h2 {
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #EB6700;
font-size: 200%;
line-height: 120%;
margin-bottom: 4%;
}
.slider-item-inhalt h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 120%;
margin-bottom: 20px;
} .bg-corner-news{
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1)56%, rgba(56,91,107,1) 56%);
}
.bg-corner-blue{
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1)80%, rgba(56,91,107,1) 80%);
} .cs1 {
width: 8.33%;
}
.cs2 {
width: 16.66%;
}
.cs3 {
width: 25%;
}
.cs4 {
width: 33.33%;
}
.cs5 {
width: 41.66%;
}
.cs6 {
width: 50%;
}
.cs7 {
width: 58.33%;
}
.cs8 {
width: 66.66%;
}
.cs9 {
width: 75%;
}
.cs10 {
width: 83.33%;
}
.cs11,
.content-s,
.content-l,
.content-kontakt{
width: 90%;
}
.cs12 {
width: 100%;
}
.main {
width: 90%;
} .cs-cr {
float: right;
}
.cs-cl {
float: left;
}
.cs-cc {
float: none;
margin: auto;
}
.bm-img {
align-self: stretch;
overflow: hidden;
position: relative;
min-height: 200px;
} .pd-1 {
padding: 1%;
}
.pd-2 {
padding: 2%;
padding-bottom: 8%;
}
.pd-3 {
padding: 3%;
padding-bottom: 10%;
}
.pd-5 {
padding: 5%;
padding-bottom: 10%;
}
.big-fity {
padding-bottom: 3%;
}
.tx-box {
padding: 6%;
}
.txt-box {
padding: 6% 3%;
} .list-box-icon .icon-list-box,
.flexy-3.list-box-icon .icon-list-box,
.flexy-4.list-box-icon .icon-list-box	{
width: 35%;
margin: auto;
float: none;
padding: 2%;
}
.list-box-icon .text-list-box,
.flexy-3.list-box-icon .text-list-box,
.flexy-4.list-box-icon .text-list-box	{
width: 90%;
float: none;
} .content-kontakt {
margin: auto;
clear: both;
display: block;
align-items: center;
text-align: center;
}
.content-kontakt::after {
content: ' ';
display: table;
clear: both;
}
.kontakt-image {
padding: 5% 0;
}
.kontakt-text {
padding-bottom: 25px;
} .cs-none {
display: none;
}
.cs-block {
display: block;
} h1, .h1 {
font-weight: 300;
font-size: 160%;	
margin-bottom: 15px;	
}
h2 .h1 {
font-size: 125%;
display: block;	
}
h3 .h1 {
font-size: 140%;
display: block;	
}
h2, .h2 {
font-weight: 300;
font-size: 125%;
margin-bottom: 15px;	
}
h1 .h2 {
font-size: 80%;
display: block;	
}
h3 .h2 {
font-size: 135%;
display: block;	
}
h3, .h3 {
font-weight: normal;
font-size: 110%;
margin-bottom: 10px;
}
h1 .h3 {
font-size: 60%;
display: block;
}
h2 .h3 {
font-size: 75%;
display: block;	
}
h4 {
font-size: 105%;
line-height: auto;
margin-bottom: 8px;
}
p {
font-size: 95%;
line-height: 145%;
margin-bottom: 8px;
}
a.ac-button {
font-size: 110%;
}	
.news-teaser h1 {
font-size: 140%;
}	
.news-teaser h2 {
font-size: 120%;
}		
.pfeil-liste li, .bm-tx ul li {
list-style: none;
font-size: 105%;	  
padding: 2px;
padding-left: 21px;
margin-left: 0px;
display: block;
background-position: left center;
background-repeat: no-repeat;
background-size: 14px;
}
.cs-txc {
text-align: center;
}
.cs-txl {
text-align: left;
}
.cs-txr {
text-align: right;
} a.icon-button {
font-size: 110%;
padding-left: 60px;
margin: 5% 0;
} .flexer .flexy-4,
.flexer .flexy-3,
.flexer .flexy-2 {
width: 100%;
margin: auto;
margin-bottom: 2%;
margin-top: 2%;
}
.flexer-zero .flexy-4,
.flexer-zero .flexy-3,
.flexer-zero .flexy-2 {
width: 100%;
}	
.content-corner.flexer .flexy-2 {
padding: 5%;
} .content-corner .flexer .flexy-2 {
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
width: 90%;
margin: auto;
padding: 20px 0;
} .bm-tx {
padding: 20px 0px;
}
.bm-tx.box-sdw,
.box-sdw .bm-tx{
padding: 20px;
} #news .bg-footer {
background: linear-gradient(90deg, #031a22, #1c2c34 );	
}	
footer {
width: 100%;
color: #fff;
padding: 3% 0 2%;
background: rgb(255,255,255);
background: linear-gradient(125deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 15%, rgba(56,91,107,1) 15%);	
}
.footer-logo {
width: 50%;
margin-bottom: 15px;
margin-left: 4.5%;	
padding-right: 0%;
float: none;
}
.footer-logo::after {
content: ' ';
display: table;
clear: both;
}
.footer-block {
width: 75%;
margin: auto;
margin-top: 10px;
float: none;
}
.footer-adressen {
position: inline-block;
width: 100%;
}
.proven-zertifikat {
width: 120px;
left: 0%;
top: 30px;
margin-bottom: 40px;
position: relative;
}	
.c-adresse {
width: 100%;
float: none;
margin-top: 0px;
margin-bottom: 0px;
}
.cl-adresse {
float: left;
min-width: 100%;
margin-right: 50px;
padding-bottom: 15px;
}
.cl-adresse h4 {
font-family: 'Roboto Condensed';
font-size: 110%;
margin-bottom: 10px;
}
.footer-icon:hover {
opacity: 0.5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.social-media-box {
float: none;
padding-bottom: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.social-media-box a {
width: 30px;
margin-right: 8px;
}
footer a {
color: #fff;
display: block;
}
footer a:hover {
color: #eb6700
}
.sub-footer {
width: 100%;
}
.sub-footer .sub-footer-nav a {
display: block;
margin-right: 15px;
} }
   @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 100;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-100italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 200;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-200italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 300;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-300italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-regular.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-regular.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-regular.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-regular.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-regular.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-500italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 600;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-600.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-700italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800italic.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-800.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900.svg#Poppins) format('svg'); } @font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 900;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900italic.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900italic.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900italic.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900italic.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900italic.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/poppins-v19-latin-900italic.svg#Poppins) format('svg'); }  @font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-300.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-300.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-300.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-300.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-300.svg#RobotoCondensed) format('svg'); } @font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-regular.eot); src: local(''),
url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-regular.woff2) format('woff2'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-regular.woff) format('woff'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-regular.ttf) format('truetype'), url(//www.konzept17.de/wp-content/themes/konzept17/fonts/roboto-condensed-v24-latin-regular.svg#RobotoCondensed) format('svg'); }#big {
width: 0.001%;
height: 100vh;
background: rgba(250, 250, 250, 0.8 );
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
position: fixed;
z-index: 99;
visibility: hidden;
top: 0;
}
#big.big-open {
width: 100%;
visibility: visible;
}
.kontaktinfo {
width: 360px;
position: absolute;
left: 35%;	
top:50%;
transform: translate(-35%, -50%);
-webkit-transform: translate(-35%, -50%);
}
.kontaktinfo p,
.kontaktinfo a {
color: #385B6B;
font-size: 27px;
text-decoration: none;
} .burger-box {
display:block;
width: 60px;
height: 50px;
padding-right: 15px;
position: absolute;
top: 30px;
right: 50px;
z-index:999;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #EB6700;
}
.burger {
width: 40px;
height: 4px;
background-color: #EB6700;
position: absolute;
z-index:999;	
top: 50%;
left: 50%;
transform: translate(-50%, -50% );
}
.burger::before,
.burger::after {
content: "";
position: absolute;
width: 40px;
height: 4px;
background-color: #EB6700;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.burger::before {
top: -8px;
}
.burger::after {
top: 8px;
}
.burger-box.active { width: 50px; }
.burger-box.active .burger {
background-color: #fff;
width: 35px;	
}
.burger-box.active .burger::before {
transform: rotate(45deg);
top: 0px;
width: 35px;	
}
.burger-box.active .burger::after {
transform: rotate(-45deg);
top: 0px;
width: 35px;	
}  #showRight {
}
#showRight:hover {
cursor: pointer;
}
.menu-right {
right: -31%;
}
.menu-right.menu-open {
right: 0px;
} .menu {
position: fixed;
background: #EB6700;
font-family: 'Poppins', sans-serif;
z-index: 888;
top: 0;
width: 30%;
height: 100vh;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menu a {
text-decoration: none;
}
.menu__wrap {
position: absolute;
top: 200px;
bottom: 0;
overflow: hidden;
width: 100%;
}
.menu__level {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
overflow: hidden;
overflow-y: scroll;
width: calc(100% + 50px);
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}
.menu__level:focus {
outline: none;
}
.menu__level--current {
visibility: visible;
}
.menu__item {
display: block;
width: calc(100% - 50px);
}
.menu__link {
font-weight: 300;
font-size: 1.3em;
position: relative;
display: block;
padding: 0.4em 0.5em 0.4em 1.4em;
color: #fff;
-webkit-transition: color 0.1s;
transition: color 0.1s;
}
.menu__link[data-submenu]::after {
content: '»';
position: absolute;
right: 0;
padding: 0.25em 1.25em;
color: #fff;
}
.menu__link:hover,
.menu__link:focus,
.menu__link[data-submenu]:hover::after,
.menu__link[data-submenu]:focus::after {
color: #385B6B;
}
.menu__link--current::before {
content: '·';
font-size: 1.5em;
line-height: 0;
position: absolute;
top: 50%;
left: 0.5em;
height: 4px;
color: #385B6B;
}
[class^='animate-'],
[class*=' animate-'] {
visibility: visible;
}
.animate-outToRight .menu__item {
-webkit-animation: outToRight 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
animation: outToRight 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes outToRight {
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes outToRight {
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate-outToLeft .menu__item {
-webkit-animation: outToLeft 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
animation: outToLeft 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes outToLeft {
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes outToLeft {
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate-inFromLeft .menu__item {
-webkit-animation: inFromLeft 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
animation: inFromLeft 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes inFromLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes inFromLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate-inFromRight .menu__item {
-webkit-animation: inFromRight 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
animation: inFromRight 0.5s both cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes inFromRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes inFromRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.menu__breadcrumbs {
line-height: 1;
position: relative;
padding: 2.5em 3.75em 1.5em 1.8em;
margin-top: 110px;
}
.menu__breadcrumbs a {
font-weight: 400;
font-size: 1em;	
display: inline-block;
cursor: pointer;
vertical-align: middle;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.menu__breadcrumbs a:last-child {
pointer-events: none;
}
.menu__breadcrumbs a:hover,
.menu__breadcrumbs a:focus {
color: #385B6B;
}
.menu__breadcrumbs a:not(:last-child)::after {
content: '_';
display: inline-block;
padding: 0 0.5em;
color: #385B6B;
}
.menu__breadcrumbs a:not(:last-child):hover::after,
.menu__breadcrumbs a:not(:last-child):focus::after {
color: #385B6B;
}
.menu__back {
font-size: 1.05em;
position: absolute;
z-index: 100;
top: 0;
right: 2.25em;
margin: 0;
padding: 1.365em 0.65em 0 0;
cursor: pointer;
color: #385B6B;
border: none;
background: none;
}
.menu__back--hidden {
pointer-events: none;
opacity: 0;
}
.menu__back:hover,
.menu__back:focus {
color: #385B6B;;
outline: none;
}
@media only screen and (max-width: 1280px) { .burger-box {
width: 50px;
height: 40px;
top: 20px;
}
.burger,
.burger::before,
.burger::after {
width: 30px;	
}
.burger-box.active { width: 50px; }
.burger-box.active .burger,
.burger-box.active .burger::before,
.burger-box.active .burger::after{
width: 25px;	
}
.menu__breadcrumbs { margin-top: 70px;}	
.menu__wrap { top: 155px; }
}
@media only screen and (max-width: 1024px) { .menu-right { right: -361px; }
.menu { width: 360px; } #big.big-open {
width: 65%;
visibility: visible;
}
.kontaktinfo {
width: auto;
position: absolute;
left: 35%;	
top:50%;
transform: translate(-35%, -50%);
-webkit-transform: translate(-35%, -50%);
}
.kontaktinfo p,
.kontaktinfo a {
color: #385B6B;
font-size: 27px;
text-decoration: none;
}
}
@media only screen and (max-width: 880px) { .kontaktinfo p,
.kontaktinfo a {
color: #385B6B;
font-size: 20px;
text-decoration: none;
} .burger-box {
width: 35px;
height: 30px;
padding-right: 20px;
top: 20px;
right: 30px;
}
.burger,
.burger::before,
.burger::after {
content: "";
position: absolute;
width: 24px;
height: 3px;
background-color: #eb6700;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.burger::before {
top: -6px;
}
.burger::after {
top: 6px;
}
.burger-box.active { width: 35px; }
.burger-box.active .burger {
background-color: #fff;
width: 28px;	
}
.burger-box.active .burger::before {
transform: rotate(45deg);
top: 0px;
width: 28px;	
}
.burger-box.active .burger::after {
transform: rotate(-45deg);
top: 0px;
width: 28px;	
}
}
@media only screen and (max-width: 560px) { .menu-right { right: -100%; }
.menu { width: 100%; } #big.big-open {
width: 0%;
display: none;
}
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.owl-dots {
position: absolute;
z-index: 9999;
display: block;
width: 100%;
height: 30px;
text-align: left;
display: flex;
justify-content: center;
bottom: 15px;
}
#owl-news .owl-dots {
position: absolute;
z-index: 9999;
display: block;
width: 100%;
height: 30px;
text-align: left;
display: flex;
justify-content: center;
bottom: -20px;
}
.owl-dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 12px 7px;
border-radius: 5%;
background: #fff;
position:relative;
}
.owl-dot:hover {
background: #eb6700;
}
.owl-dots .active {
display: inline-block;
background: #eb6700;
position:relative;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-nav {
width: 100%;
position: absolute;
z-index: 9999;
display: block;
bottom: 55%;
right: 0;
}
.owl-prev,
.owl-next {
width: 36px;
height: 90px;
position:absolute;
background: rgba(250, 250, 250, 0.5);
background-position: center center;
background-repeat:no-repeat;
background-size: 55%;	
}
#owl-news .owl-prev,
#owl-news .owl-next {
width: 36px;
height: 90px;
position:absolute;
background: rgba(256, 256, 256, 1);
background-position: center center;
background-repeat:no-repeat;
background-size: 55%;	
}
.owl-prev:hover,
.owl-next:hover,
#owl-news .owl-prev:hover,
#owl-news .owl-next:hover,
.owl-dot:hover{
cursor:pointer;
}
.owl-next,
#owl-news .owl-next {
right: 0;
background-image:url(//www.konzept17.de/wp-content/themes/konzept17/grafik/pfeil-next.svg);
}
.owl-prev,
#owl-news .owl-prev {
left: 0;
background-image:url(//www.konzept17.de/wp-content/themes/konzept17/grafik/pfeil-prev.svg);
}
.owl-prev:hover,
#owl-news .owl-prev:hover{
background-image:url(//www.konzept17.de/wp-content/themes/konzept17/grafik/pfeil-prev-r.svg);
}
.owl-next:hover,
#owl-news .owl-next:hover{
background-image:url(//www.konzept17.de/wp-content/themes/konzept17/grafik/pfeil-next-r.svg);
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
.disabled {
display: none;
}