/*Allgemein*/

body{
    margin:0px;
    padding:0px;
    background-color:#fff;
    font-family: 'Fira+Sans', sans-serif;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-feature-settings: "pnum";
    font-variant-numeric: proportional-nums;
}

.clear {
    overflow: hidden;
    clear: both;
    height: 0;
}

.cursor{ cursor: pointer; }

a {
    cursor: pointer;
}

/*Elemente*/

.line {
    padding: 20px 0px 0px 0px;
    margin: 0px 20px 20px 20px;
    box-sizing: border-box;
    border-bottom:1px solid #CCCCCC;
}

.button{
    display:inline-block;
    margin:0px;
    padding:10px 40px;
    border-radius:16px;
    font-weight: 700;
    color:#FFFFFF !important;
    background-color: #17366E;
    text-decoration:none !important;
}

.button_small{
    display:inline-block;
    margin:0px;
    padding:5px 20px;
    border-radius:6px;
    font-weight: 700;
    color:#FFFFFF !important;
    background-color: #17366E;
    text-decoration:none !important;
}


.button:hover{ background-color: #535353; }
.button_small:hover{ background-color: #535353; }


.button_big{
    display:inline-block;
    margin:0px;
    padding:15px 60px;
    border-radius:6px;
    color:#FFFFFF !important;
    background-color: #17366E;
    text-decoration:none !important;
}
.button_big:hover{ background-color: #535353; }

.button-green{ background-color: #117D03;}
.button-gray{ background-color: grey;}

.button-greentrans{ background-color: #ffffff; color:#000000 !important; }
.button-greentrans:hover{ color:#ffffff !important; }
.button-dark{ background-color: #222222;}

.button_open{
    display:inline-block;
    margin:0px;
    padding:10px 40px;
    border-radius:3px;
    border:solid;
    border-width: 1px;
    border-color: #858585;
    color:#000000 !important;
    background-color: transparent;
    text-decoration:none !important;
}
.button_open:hover{
    background-color: #535353;
    color:#FFFFFF !important;
}


/*Formular*/
input[type="text"], input[type="email"], input[type="url"], textarea, select{
    display: block;
    width:100%;
    border: 1px solid #aaaaaa;
    margin:0px 0px 20px 0px;
    padding:10px;
    color:#222222;
    font-size: 20px;
    font-weight:300;
    font-family: 'Fira+San', sans-serif;
    font-style: normal;
    line-height: 1.4em;
    box-sizing: border-box;
}
input[type="submit"]{
    border: 0px;
    margin:0px;
    padding:10px 30px;
    color:#222222;
    font-size: 20px;
    font-weight:300;
    font-family: 'Fira+San', sans-serif;
    font-style: normal;
    line-height: 1.4em;
    box-sizing: border-box;
}
::placeholder{ color:#aaaaaa; }




/*Schrift*/

h1,h2,h3,h4,h5,h6{
    margin:0px 0px 0.5em 0px;
    padding:0px;
    font-family: 'Barlow', sans-serif;
    color:#535353;
    text-decoration:none;
    -moz-transition:0.5s linear;
    -o-transition:0.5s linear;
    -webkit-transition:0.5s linear;
    -ms-transition:0.5s linear;
    transition:0.5s linear;
}

h1{ font-size: 54px; }
h2{ font-size: 42px; }
h3{ font-size: 34px; }
h4{ font-size: 26px; }
h5{ font-size: 24px; }
h6{ font-size: 20px; }

.ft-wg400 {
    font-weight: 400;
}


p, address{
    margin:0px;
    padding:0px;
    color:#1d1d1d;
    font-size: 17px;
    font-weight:300;
    font-style: normal;
    line-height: 1.5em;
    /*letter-spacing: -.022em;*/
    text-decoration:none;
}

.bold, strong{ font-weight: 700 !important; }
.semibold{ font-weight: 500 !important; }
.cabin-font{font-family: 'Cabin Condensed' !important;font-weight: 700 !important;}

.italic{ font-style: italic; }
.center{ text-align:center !important; }
.right{ text-align:right !important; }
.left{ text-align:left !important; }
.jtfy{ text-align:justify !important; }

.lineheight14 {line-height:1.4em; }
.lineheight15 {line-height:1.5em; }
.lineheight17 {line-height:1.7em; }
.lineheight20 {line-height:2.0em; }


.fs12{font-size:12px; color: #C266FF; !important;}
.fs14{font-size:14px; color: #C266FF; !important;}
.fs16{font-size:16px; color: #C266FF; !important;}
.fs18{font-size:18px; color: #C266FF; !important;}

.fs22{font-size:22px; color: #C266FF; !important;}
.fs24{font-size:24px; color: #C266FF; !important;}
.fs26{font-size:26px; color: #C266FF; !important;}
.fs28{font-size:28px; color: #C266FF; !important;}
.fs30{font-size:30px; color: #C266FF; !important;}
.fs32{font-size:32px; color: #C266FF; !important;}
.fs36{font-size:36px; color: #C266FF; !important;}
.fs38{font-size:38px; color: #C266FF; !important;}
.fs42{font-size:42px; color: #C266FF; !important;}
.fs44{font-size:44px; color: #C266FF; !important;}
.fs46{font-size:46px; color: #C266FF; !important;}
.fs48{font-size:48px; color: #C266FF; !important;}
.fs50{font-size:50px; color: #C266FF; !important;}
.fs52{font-size:52px; color: #C266FF; !important;}
.fs54{font-size:54px; color: #C266FF; !important;}
.fs56{font-size:56px; color: #C266FF; !important;}
.fs58{font-size:58px; color: #C266FF; !important;}
.fs60{font-size:60px; color: #C266FF; !important;}
.fs100{font-size:100px; color: #C266FF; !important;}






.fs20{font-size:20px;  !important;}
.fs34{font-size:34px;  !important;}
.fs40{font-size:40px;  !important;}


.fs-vw2-2{font-size:2.2vw; !important}
.fs-vw2{font-size:2vw; !important}
.fs-vw3{font-size:3vw;!important;}


.fs-vw6{font-size:6vw;}
.fs-vw5{font-size:5vw;}
.fs-vw4{font-size:4vw;}

.fs-vw3-1{font-size:3.1vw;}
.fs-vw3-2{font-size:3.2vw;}
.fs-vw3-3{font-size:3.3vw;}
.fs-vw1 {font-size:1vw;}


.fs-vw2-1{font-size:2.1vw;}


.fs-vw1-9{font-size:1.9vw;}
.fs-vw1-8{font-size:1.8vw;}
.fs-vw1-7{font-size:1.7vw;}
.fs-vw1-6{font-size:1.6vw;}
.fs-vw1-5{font-size:1.5vw;}
/*Links*/

a:link, a:active, a:visited{
    color: #5089C8;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}


/*Listen*/

main ul{
    margin:0px 0px 0px 20px;
    padding:0px;
}
main li{
    margin:0px;
    padding:0px;
    color:#222222;
    font-size: 18px;
    font-weight:300;
    font-style: normal;
    line-height: 1.5em;
    text-decoration:none;
}


.content-wrap ul{
    margin:0px 0px 0px 20px;
    padding:0px;
}
.content-wrap li{
    margin:0px;
    padding:0px;
    color:#222222;
    font-size: 18px;
    font-weight:300;
    font-style: normal;
    line-height: 1.5em;
    text-decoration:none;
}







/*Iconliste*/

.iconlist-wrap {
    position: relative;;
}

.iconlist-icon {
    position: absolute;
    width:70px;
    box-sizing: border-box;
}

.iconlist-content {
    width: calc(100% - 70px);
    padding: 0px 20px 20px 20px;
    margin-left: 70px;
    box-sizing: border-box;
}

.iconlistsmall-wrap {
    position: relative;;
    padding:20px 40px;
}

.iconlistsmall-icon {
    position: absolute;
    width:30px;
    padding-top:2px;
    box-sizing: border-box;
}

.iconlistsmall-content {
    width: calc(100% - 30px);
    margin-left: 30px;
    box-sizing: border-box;
}





/*Abstände*/
.space5{ height:5px; background-color: #8d8d8d}
.space10{ height:10px; background-color: #8d8d8d}
.space15{ height:15px; background-color: #8d8d8d}
.space20{ height:20px; background-color: #8d8d8d}
.space25{ height:25px; background-color: #8d8d8d}
.space30{ height:30px;background-color: #8d8d8d }
.space40{ height:40px; background-color: #8d8d8d}
.space50{ height:50px;background-color: #8d8d8d}
.space75{ height:75px; background-color: #8d8d8d}
.space100{ height:100px; background-color: #8d8d8d}
.space150{ height:150px; background-color: #8d8d8d}
.space200{ height:200px; background-color: #8d8d8d}
.space550{ height:550px; background-color: #8d8d8d}

.spacevw1{height:1vw;width: 100%;}
.spacevw2{height:2vw;width: 100%;}
.spacevw3{height:3vw;width: 100%;}
.spacevw4{height:4vw;width: 100%;}
.spacevw5{height:5vw;width: 100%;}
.spacevw6{height:6vw;width: 100%;}
.spacevw7{height:7vw;width: 100%;}

.space-top {
    height:150px;
}


.mrgnt20{ margin-top:20px; }
.mrgnb15{ margin-bottom:15px; }
.mrgnb0{ margin-bottom:0px !important; }

.pddgt0{
    padding-top:0px !important;

}

.pddgb0{ padding-bottom:0px !important; }

.defheight200 {min-height: 200px;}




/*Farben*/

.backgrd_white{background-color:#fff !important;}

.color_black{color:#000000 !important;}
.color_darkgray{color:#222222 !important;}
.color_gray{color:#535353 !important;}
.color_lightgray{color:#D8D8D8 !important;}
.color_white{color:#FFFFFF !important;}
.color_darkblue{color:#17366E !important;}
.color_blue{color:#0262D0 !important;}
.color_grayblue{color:#546987 !important;}
.color_logoblue{color:#5089C8 !important;}
.color_lightblue{color:#9ED2F7 !important;}
.color_green{color:#117D03 !important;}
.color_orange{color:#F27405 !important;}
.color_red{color:#F80F30 !important;}
.color_yellow{color:#EAFB52 !important;}


.text-image {
    background-image: url('/https/en.page4.com/img/backgroundstreifen-5.jpg');
    background-position: center;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

.text-image-1 {
    background-image: url('/https/en.page4.com/img/backgroundstreifen-1.jpg');
    background-position: center;
}


.image-line {
    background-image: url('/https/en.page4.com/img/verlaufs-line.jpg');
    background-position: center;
    background-repeat: no-repeat;
    height:2px;
}


.text-image-3 {
    background-image: url('/https/en.page4.com/img/backgroundstreifen-4.jpg');
    background-position: left;
}

.text-effect {
    background-color: white;
    color: black;
    /*mix-blend-mode: screen;*/
    mix-blend-mode: screen;
    margin:0px;
    padding:5px 0px 5px 0px;
}






/*Main, header, footer*/

main {
    margin:0 auto;
    padding:80px 0px 80px 0px;
    width: 90%;
    min-height:500px;
}


header {
    position:fixed;
    width:100%;
    height:80px;
    top: 0;
    background-color: rgba(255,255,255,0.95);
    /*border-bottom:1px solid #CCCCCC;*/
    z-index: 100;
    background-image: url('/https/en.page4.com/img/header-streifen.jpg');
    box-shadow:0px 5px 15px #ccc;
    border-bottom: 1px solid #aaa;
}

.header-wrap {
    position: relative;
    margin:0 auto;
    width: 80%;
    /*padding:20px;*/
    box-sizing: border-box;
}


.logo {position: absolute;}



/*Navigation*/

.navigation {
    position: absolute;
    top:40px;
    left:200px;
}
/*
.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigation li {
    display: inline-block;
    padding: 0 20px;
}

.navigation li a {
    color:#222222;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.navigation li a:hover, .navigation li a.active {
    color:#5089C8;
    text-decoration: none;
}
*/

/*TEST NAVI*/

.navigation-1 {
    height: 80px;
    display: flex;
    align-items: center;
}

.navigation-2 {
    padding-top: 10px;
    height: 80px;
    display: none;
}

.brand {
    position: absolute;
    padding-left: 20px;
    float: left;

}


.nav-container {
    width: 1250px;
    margin: 0 auto;

}

nav {
    float: right;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    float: left;
    position: relative;
}

/*
nav ul li a:visited {
    display: block;
    padding: 0 20px;
    line-height: 60px;*/
    /*background: #262626;
    color: #ffffff;*/
   /* text-decoration: none;
    color: #000!important;
}*/

nav ul li a{
    display: block;
    padding: 0 20px;
    line-height: 60px;
    /*background: #262626;
    color: #ffffff;*/
    text-decoration: none;
    font-weight: bold;
    color: #fff!important;
}




nav ul li a:hover,
nav ul li a:visited:hover {
    background: rgba(000, 000, 000, 0.25);
    /*color: #0262D0 !important;*/
    text-decoration: none;
}

nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: ' ▾';
}

nav ul li ul li {
    min-width: 220px;
}

nav ul li ul li a {
    padding: 10px;
    line-height: 20px;
}

.nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    background-color: rgba(0, 124, 168, 0.97);

}

.infomenue {
    position: absolute;
    display: none;
    z-index: 1;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    padding:20px;
    width: 300px;
    background-color: rgba(255, 255, 255, 0.99);
}

/* Mobile navigation */
.nav-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #262626;
    height: 70px;
    width: 70px;
}

@media only screen and (max-width: 798px) {
    .nav-mobile {
        display: block;
    }

    nav {
        width: 100%;
        padding: 70px 0 15px;
    }

    nav ul {
        display: none;
    }

    nav ul li {
        float: none;
    }

    nav ul li a {
        padding: 15px;
        line-height: 20px;
    }

    nav ul li ul li a {
        padding-left: 30px;
    }

    .nav-dropdown {
        position: static;
    }
}

@media screen and (min-width: 799px) {
    .nav-list {
        display: block !important;
    }
}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ffffff;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;

}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

article {
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}



/*_________*/
/*
nav {
    margin: 50px 0;
    background-color: #E64A19;
}

nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

nav ul li {
    display:inline-block;
    background-color: #E64A19;
}

nav a {
    display:block;
    padding:0 10px;
    color:#FFF;
    font-size:20px;
    line-height: 60px;
    text-decoration:none;
}

nav a:hover {
    background-color: #000000;
}


nav ul ul {
    display: none;
    position: absolute;
    top: 60px;
}


nav ul li:hover > ul {
    display:inherit;
}


nav ul ul li {
    width:170px;
    float:none;
    display:list-item;
    position: relative;
}


nav ul ul ul li {
    position: relative;
    top:-60px;
    left:170px;
}



li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }

*/


/*TEST NAVI ENDE*/





.login { position: absolute;
    top:40px;
    right:20px;
}

.login a {
    color:#222222;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.login a:hover, .login a.active {
    color:#5089C8;
    text-decoration: none;
}

.navigationmobile {
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top: -1000px;
    background-color: #FFFFFF;
    border-bottom:1px solid #CCCCCC;
    z-index: 99;
    overflow:auto;
}
.navigationmobile-wrap {
    position: relative;
    top:100px;
    margin:0 auto;
    width: 90%;
    padding:0px;
    box-sizing: border-box;
}
.navigationmobile-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navigationmobile-wrap li {
    display: block;
    padding: 5px 0px 5px 0px;
    /*border-top:1px solid #CCCCCC;*/

}
.navigationmobile-wrap li a {
    color:#222222;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;

    /*text-transform: uppercase;*/
}
.navigationmobile-wrap li a:hover, .navigationmobile-wrap li a.active {
    color:#5089C8;
    text-decoration: none;
}

.mobile-a {
    padding-left: 10px;
    background-color: #A9A9A9;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 1ßß%;
    display: block;
}

.mobile-a2 {
    padding-left: 30px;
    background-color: #5d5d5d;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 1ßß%;
    display: block;
    color:#fff !important;
}

.mobile-second{

}


.toggler{
    display: none;
    position:fixed;
    top:20px;
    right:20px;
    z-index:100;
}

.togglerbar{
    width: 35px;
    height: 2px;
    display: block;
    margin-top: 10px;
    -moz-transition:0.5s linear;
    -o-transition:0.5s linear;
    -webkit-transition:0.5s linear;
    -ms-transition:0.5s linear;
    transition:0.5s linear;
    background: #fff;
}

.togglerbar:first-child{
    margin-top: 6px;
}

.togglerbar:nth-child(3){
    -moz-transition:0.5s linear;
    -o-transition:0.5s linear;
    -webkit-transition:0.5s linear;
    -ms-transition:0.5s linear;
    transition:0.5s linear;
}

.togglerbar-visible:nth-child(1){
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-top:18px;
    background: #fff;
}

.togglerbar-visible:nth-child(2){
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top:-2px;
    background: #fff;
}

.togglerbar-visible:nth-child(3){
    opacity:0;
}








/*Footer*/

footer {
    width:100%;
    background-color: #559e0b;
    background-image: url('/https/en.page4.com/img/footer-background-2.jpg');
    background-size: cover;
    /*222*/
}

footer.background {
    filter: brightness(20%);
}


.footer-wrap {
    display: flex;
    flex-flow: row wrap;
    margin:0 auto;
    max-width: 1250px;
    width: 80%;
}

.social {
    margin-top:20px;
}

.social a {
    margin-right:5px;
    color:#FFFFFF;
    font-size: 40px;
    text-decoration: none;
}

.social a:hover {
    color:#5089C8;
    text-decoration: none;
}

.footernavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footernavigation li {
    display: block;
    padding: 8px 0px;
}

.footernavigation li a {
    color:#FFFFFF;
    font-size: 18px;
    text-decoration: none;
}

.footernavigation li a:hover, .footernavigation li a.active {
    color:#edbe3a;
    text-decoration: none;
}

.copyrightnavigation a {
    margin-right:5px;
    color:#FFFFFF;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.copyrightnavigation a:hover, .copyrightnavigation a.active {
    color:#edbe3a;
    text-decoration: none;
}

.totop {
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    padding: 5px 15px;
    background-color: #5089C8;
    cursor: pointer;
    text-align: center;
}





/*Spalten*/

.column-head {
    position: relative;
    /*margin-top: 80px;*/
    /*border:4px solid #00ff00;*/
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
}

.column-head-2 {
    position: relative;
    width: 80%;
    /*border:4px solid #99aaff;*/
    display: flex;
}



.column {
    display: flex;

    align-items: top;
    padding:0px 20px;
    /*box-sizing: border-box;*/
    border:0px solid #ee4433;
}

/*kann weg*/
.column-col {
    display: flex;
    flex-direction: column;
    align-items: top;
    padding:0px 20px;
    border:0px solid #ee4433;
    background-color: #00FF00;
}




.column-basic {
    width:100%;
    padding:20px;
    box-sizing: border-box;
}

.column-33 {
    width:33.333%;
    padding:20px;
    box-sizing: border-box;
}

/*kann weg*/
.column-100 {
    width:100%;
    padding:0px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    border:0px solid #00FF00;
    background-color: #ee4433;
}
/*kann weg*/
.column-100-top {
    width:100%;
    padding:0px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    background-color: #9900FF;
}


.column-left {
    width:50%;
    margin-right:40px;
    box-sizing: border-box;
    border:0px solid #00FF00;
}
.column-right {
    width:50%;
    padding:0px;
    box-sizing: border-box;
    border:0px solid #C266FF;
}

.column-right img{
    border:1px solid #ccc;
}



/*kann weg*
.column-wrap {
    display: flex;
    flex-flow: row wrap;
}

.col {
    width:100%;
}

.column-100 {
    width:100%;
    padding:20px;
    box-sizing: border-box;

}


.column-90 {
    width:90%;
    padding:20px;
    box-sizing: border-box;
}


.column-80 {
    width:80%;
    padding:20px;
    box-sizing: border-box;
}

.column-70 {
    width:70%;
    padding:20px;
    box-sizing: border-box;
}

.column-60 {
    width:60%;
    padding:20px;
    box-sizing: border-box;
}

.column-50 {
    width:50%;
    padding:20px;
    box-sizing: border-box;
    background-color: #00FF00;
}
*/


.column-50 {
    width: 50%;
    padding: 20px 60px 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    align-items: flex-start;
    flex-wrap: wrap;
}

.column-20 {
    width:20%;
    padding:20px;
    box-sizing: border-box;
}

.column-25 {
    width:25%;
    padding:20px;
    box-sizing: border-box;
}

.column-33 {
    width:33.333%;
    padding:20px;
    box-sizing: border-box;
}

.column-10 {
    width:10%;
    padding:20px;
    box-sizing: border-box;
}

/*
.column-40 {
    width:40%;
    padding:20px;
    box-sizing: border-box;
}

.column-30 {
    width:30%;
    padding:20px;
    box-sizing: border-box;
}

.column-33 {
    width:33.333%;
    padding:20px;
    box-sizing: border-box;
}



.column-20 {
    width:20%;
    padding:20px;
    box-sizing: border-box;
    background-color: #9900FF;
}



.column-17 {
    width:16.666%;
    padding:20px;
    box-sizing: border-box;
}

.column-12-5 {
    width:12.5%;
    padding:20px;
    box-sizing: border-box;
}

.column-75 {
    width:75%;
    padding:20px;
    box-sizing: border-box;
}

*/





/*
***** Elemente *****
*/
.wrap-fullimg-content{
    position:relative;
    padding:0px 0px 0px 0px;
}

.filters {
    filter: brightness(0.67);

}

.img-head-sm {
   /* border: 2px solid #ee4433;*/
}

.fullimg-content{
    position: absolute;
    display: flex;
    top: 10vw;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    /*border: 2px solid #00ffff;*/
    align-content: center;
    align-items: center;
    height: 28vw;
}


.wrap-fullimg-contentbox{
    display: flex;
    flex-flow: row wrap;
    position:relative;
    margin-bottom:5%;
}
.fullimg-contentbox{
    position: absolute;
    width: 550px;
    min-height:250px;
    /*border: 1px solid#cccccc;*/
    background-color: #ffffff;
    bottom: -30px;
    padding:20px;
    box-sizing: border-box;
    /*box-shadow:15px 15px 15px #b8b8b8;*/
}
.contentbox-left{
    left: 0px;
    text-align:left;
}
.contentbox-right{
    right: -250px;
}
.contentbox-center{
    margin: 0px 0px 0px -300px;
    width:600px !important;
    min-height:340px !important;
    max-height:340px !important;
    left: 50%;
}

.contentbox{
    padding:0px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.70);
    border-radius: 0px;
   /* -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    margin-bottom: 10px;*/
}

.contentbox-text {
    padding: 25px;
    border-radius: 0px;
    box-sizing: border-box;
    /*background-color:#f8f8f8;*/
}

.contentbox-preview {
    background-color: #5d5d5d;
    padding: 10px;
    display: block;
    border: 1px solid rgba(0,0,0,0.70);
    margin-top: 10px;
    margin-bottom: 15px;
}
.contentbox-preview a {
    color:#fff !important;
}

.contentbox-height-600 .contentbox-text {
    /*min-height: 600px;*/
}

.contentbox-height-450 .contentbox-text {
   /* min-height: 450px;*/
}
.contentbox-image{
    /* border-radius: 5px 5px 0 0;*/
    border-radius: 0px;
    padding:0px;
    box-sizing: border-box;
    line-height: 0;
}
.contentbox-link{
    text-decoration: none;
    color: inherit;
}
.contentbox-link:hover{
    text-decoration: none;
    color: inherit;
}


.shadow-top{
    border-top: solid 1px rgba(0,0,0,0.60);
    -webkit-box-shadow: 0px 4px 80px -20px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 4px 80px -20px rgba(0,0,0,0.30);
    box-shadow: 0px 4px 80px -20px rgba(0,0,0,0.30);
}





/*Produktpreise Boxen*/

.productbox{
    position: relative;
    border:1px solid #CCCCCC;
    padding:20px 10px 20px 10px;
    margin-top:20px;
    box-sizing: border-box;
    /*-webkit-box-shadow: 4px 4px 7px 0px rgba(34,34,34,0.5);
    -moz-box-shadow: 4px 4px 7px 0px rgba(34,34,34,0.5);
    box-shadow: 4px 4px 7px 0px rgba(34,34,34,0.5);*/
}

.productbox:hover{
    border:1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.product-bestseller{
    position: absolute;
    left: -1px;
    width:100%;
    background-color:#5089C8;
    border: 1px solid #5089C8;
    padding: 5px 0px;
    top: -44px;
}


/*Ziehharmonika*/
.accordion-headline {
    position:relative;
    padding:10px 0px 10px 0px;
    border-bottom:1px solid #CCCCCC;
    cursor: pointer;
}

.accordion-content {
    display:none;
    position:relative;
    border-bottom:1px solid #CCCCCC;
    padding:10px 0px 10px 0px;
}

.accordion-icon{
    position: absolute;
    right:0px;
    top:20px;
}





/* Cookie Liste */
.cookie-table {
    width:100%;
    padding: 30px 0 0 0;
}

.cookie-table h3 {
    font-size:18px;
    margin-bottom: 5px;
}

.cookie-table table {
    width:100%;
}

.cookie-table th:nth-child(1) {
    width:10em;
}

.cookie-table th:nth-child(3) {
    width:6em;
}

.cookie-table td, .cookie-table th {
    text-align: left;
    padding: 10px;
    font-size:14px;
    border-bottom: 1px solid #ccc;
}



/* Cookie Banner */
.wrap-cookie-banner {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
}

.cookie-banner {
    margin: 0 auto;
    width: 385px;
    /*height: 550px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cookie-banner-head {
    background-image: url('/https/en.page4.com/img/header-streifen.jpg');
    text-align: center;
    padding: 15px;
    border-radius: 10px 10px 0 0;
}

.cookie-banner-content {
    background-color: #fff;
    padding: 20px;
    text-align: justify;
}

.cookie-banner-content input {
    margin: 25px 10px 15px;
    height: 18px;
}

.cookie-banner-content .button_small {
    display:block;
    text-align: center;
    border-radius: 0;
    padding: 15px;
    margin: 15px 0;
}

.cookie-banner-footer {
    padding: 10px 0 25px 0;
    text-align: center;
    color: #888888;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}

.cookie-banner-footer a {
    color: inherit;
    margin: 0 10px 0 5px;
}



/* Kacheln */
.tile{
    position:relative;
    float:left;
    width:33.333%;
    padding:5px;
    box-sizing: border-box;
    overflow:hidden;
}

.tile-content{
    position:absolute;
    bottom:9px;
    left:5px;
    right:5px;
    background-color:rgba(0,0,0,0.40);
    padding:5px;
    box-sizing: border-box;
    opacity:0;
}




/*
 * Inspiration
 */

.inspiration-nav {text-align:center;padding:0 20px 0 10px;}
.inspiration-nav>div {display:inline-block;padding:5px;margin:15px;font-size:20px;font-weight:300;cursor:pointer;}
.inspiration-nav>div:hover {color:#5089C8;}
.inspiration-nav>div[data-active='1'] {color:#5089C8;}
.inspiration-list {width:100% !important;box-sizing:border-box;min-height:100vh;}
.inspiration-list__item>div {margin:20px}
.inspiration-list__item-image {background-color:#fff;}
.inspiration-list__item-image img {margin:0;width:100%;position:absolute;top:0;left:0;right:0;}
.inspiration-list__item-small, .inspiration-list__item-medium, .inspiration-list__item-large {display:block;}
.inspiration-list__item-small .inspiration-list__item-image {width:100%;padding-top:62.5%;position:relative;overflow:hidden;}
/*
.inspiration-list__item-medium .inspiration-list__item-image {width:100%;padding-top:100%;position:relative;overflow:hidden;}
.inspiration-list__item-large .inspiration-list__item-image {width:100%;padding-top:150%;position:relative;overflow:hidden;}
*/

.inspiration-list__item {
    width: 33.3%;
}

.inspiration-list__item-image {
    border: 1px solid #222222;
    cursor: pointer;
}

.inspiration-list__item > div:hover {
    -webkit-box-shadow: 4px 4px 7px 0px rgba(34,34,34,0.5);
    -moz-box-shadow: 4px 4px 7px 0px rgba(34,34,34,0.5);
    box-shadow: 4px 4px 7px 0px rgba(34,34,34,0.5);
}

.inspiration-list__item-overlay { display: none }
.inspiration-list__item:hover .inspiration-list__item-overlay {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(34, 34, 34, 0.7);
    text-align: center;
}

.inspiration-list__item-overlay h3 {
    margin: 0 10px;
    color: #fff;
    line-height: 40px;
    font-weight: 400;
}

.inspiration-overlay__head__link div {
    width:1000px;
    margin:0 auto;
    max-width:100%
}

.inspiration-overlay__head__link a {
    font-size:20px;
    color:white;
}

.inspiration-overlay__head__back:hover {
    color:rgba(255, 255, 255, 1);
}

.inspiration-overlay__content  {
    position:absolute;
    top:150px;
    bottom:0;
    left:0;
    right:0;
}

.inspiration-overlay__content iframe {
    width:100%;
    height:100%;
    border:0;
}

.inspiration-overlay__foot  {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:100px;
    border:0 solid #ccc;
    border-top-width:1px;
}






/* Designoverview */

.page-design * {
    box-sizing: border-box;
}

.design-list__item {
    width: 33%;
    padding: 30px 30px;
    display: inline-block;
}

.design-list__item-image {
    cursor: pointer;
    position: relative;
    border: 1px solid #777777;
    border-radius: 5px;
}

.design-list__item-image:hover {
    -webkit-box-shadow: 0 0 8px -1px rgba(0,0,0,0.75);
    moz-box-shadow: 0 0 8px -1px rgba(0,0,0,0.75);
    box-shadow: 0 0 8px -1px rgba(0,0,0,0.75);
}

.design-list__item-image img {
    width: 100%;
    border-radius: 5px;
}

.design-list__item-overlay {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(67,143,232,0.7);
}

.design-list__item-overlay h3 {
    font-size:20px;
    float: left;
    color: #fff;
    line-height: 60px;
    margin: 0 10px;
}

.design-list__item-overlay a {
    float: right;
    margin: 10px;
}

.design-list__item-btn {
    margin-top: 10px;
    text-align: center;
}

#example-sites .design-list__item:hover .design-list__item-overlay { display: block; }
#example-sites .design-list__item-overlay { display: none; }
#example-sites .design-list__item-btn {
    font-size: 20px;
}

#example-sites .design-list__item-overlay h3 {
    font-size: 18px;
    float: none;
    text-align: center;
}

.design-overlay, .inspiration-overlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:100;
    background-color:#111;
    display:none;
}

.design-overlay__head, .inspiration-overlay__head  {
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:120px;
    border:0 solid #ccc;
    border-bottom-width:1px;
}

.design-overlay__head__link, .inspiration-overlay__head__link {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:10px;
    border:0 solid #ccc;
    border-top-width:1px;
    background-color: #333;
}

.design-overlay__head__link div {
    width:1000px;
    margin:0 auto;
    max-width:100%
}

.design-overlay__head__link a {
    font-size:20px;
    color:white;
}

.design-overlay__head__register, .inspiration-overlay__head__register {
    padding:23px 10px 0;
}

.design-overlay__head__register a, .inspiration-overlay__head__register a {
    font-size:20px;
    text-decoration:none;
    font-weight:400;
    border-radius:5px;
    padding:10px 30px;
    background-color:#44BC35;
    color:white;
}

.design-overlay__head__register a:hover, .inspiration-overlay__head__register a:hover {
    text-decoration:none;
    background-color:#267741;
}

.design-overlay__head__back, .inspiration-overlay__head__back {
    position:absolute;
    top: 10px;
    right: 10px;
    font-size:50px;
    cursor:pointer;
    color:rgba(255, 255, 255, 0.7);
}

.design-overlay__head__back:hover {
    color:rgba(255, 255, 255, 1);
}

.design-overlay__content  {
    position:absolute;
    top:150px;
    bottom:0;
    left:0;
    right:0;
}

.design-overlay__content iframe {
    width:100%;
    height:100%;
    border:0;
}

.design-overlay__foot  {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:100px;
    border:0 solid #ccc;
    border-top-width:1px;
}




/* User Interaction */
.userinteraction
{
    border-radius: 1px;
    border-width: 1px;
    border-left-width: 20px;
    border-style: solid;
    margin: 30px 0;
}

.userinteraction>p
{
    font-size: 20px;
    text-align: center;
    padding: 3px 10px;
}

.userinteraction>p>span
{
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

.userinteraction__error
{
    color: #ff5531;
    border-color: #ff5531;
}

.userinteraction__notice
{
    color: #ecbe3e;
    border-color: #ecbe3e;
}

.userinteraction__success
{
    color: #44bc35;
    border-color: #44bc35;
}

.userinteraction__blue
{
    color: #438fe8;
    border-color: #438fe8;
}









/* max-width */
.header-wrap {
    max-width:1200px;
}

main > * {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #9900FF;
}

main > .fullwidth {
    max-width: 2500px;
}

.widthNorm {
    max-width: 1450px;
}

main > .fullwidth100 {
    max-width: 100%;
}

/* text-columns */

.textcol-3 {
    column-count: 3;
    column-rule: 1px solid #ccc;
    column-gap: 50px;
}



.content-wrap {
    max-width:1240px;
    position: relative;
    margin:0 auto;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 150px;
    border: 0px solid #1A1AFF;
}




/*Sonderklassen*/

.column-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: top;
}

.column-wrap-top {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    /*border: 5px solid;*/
    flex-direction: row;
    flex-wrap: wrap;
    aaign-content: space-between;
}


.column-40 {
    max-width: 40%;
    padding: 20px 20px 20px 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #1A1AFF;
}

.column-40-left {
    max-width: 40%;
    padding: 20px 60px 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}



.column-60 {
    max-width:60%;
    padding:0px;
    box-sizing: border-box;
    border: 1px solid #353535;
   /* box-shadow: 10px 10px 20px rgba(100, 100, 100, 0.5);*/
    line-height: 0px;

    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
}


.wrap-column-content{
    position:relative;
    width:75%;
    margin-bottom:5%;
    border: 1px solid #ccc;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.20);
}

.textcol-2 {
    column-count: 2;
    column-rule: 1px solid #ccc;
    column-gap: 50px;
}




/*MOBILE*/

/*****************
****RESPONSIVE****
*****************/

@media screen and (width: 1024px) {
    .space-top {
        height:110px;
    }

    .column {
        padding:0px 40px;
    }

    .column-basic {
        padding:20px 40px;
    }

    .fs-vw3 {
        font-size: 4vw;
    }

    .fs-vw2-2 {
        font-size: 3.5vw;
    }

    .content-wrap {
        margin-bottom: 50px;
        max-width: 1024px;
    }

    h4 {
        font-size: 24px;
    }

    .contentbox-text {
        padding: 15px;
    }

    .column-33 {
        padding: 15px;
    }

    .column-wrap {
        padding: 20px;
    }

    .fs40 {
        font-size: 36px;!important: ;
    }

    .header-wrap {
        width: 100%;
    }

}



@media screen and (min-width: 1025px) and (max-width:1200px) {
    .header-wrap {
        width: 100%;
    }
}

@media screen and (min-width: 766px) and (max-width:1023px) {
    .brand {
        padding-left: 0px;
    }
}




@media screen and (min-width: 768px) and (max-width:1023px)  {
    .navigation-1{display:none;}
    .navigation-2{display: block;}
    .login{display:none;}
    .toggler{display:block;}

    .space-top {
        height:95px;
    }

    .content-wrap {
        margin-bottom: 20px;
    }

    .contentbox {
        margin-bottom: 15px;
    }

    .column-wrap {
        padding: 30px;
    }

    .column {
        padding:0px 20px;
    }

    .product-bestseller{
        position: relative;
        left: -10px;
        right: 10px;
        top: -20px;
        padding: 5px 9px;
    }

    .fullimg-content{
        position:unset;
        margin:0 auto;
        top: 30px;
    }

    .column-head {
        position: relative;
        display:block;
    }

    .element-button {
        order:3;
    }
    
    .fullimg-content h1{
        color:#222 !important;
    }

    .fullimg-content h2{
        color:#222 !important;
        margin:12px 0px 12px 0px;
    }

    .column-40 {
        min-width: 100%;
        padding: 20px 0px 20px 0px;
        box-sizing: content-box;
        display: flex;
    }

    .column-40-left {
        min-width: 100%;
        padding: 20px 0px 20px 0px;
        box-sizing: content-box;
        display: flex;
        order:2;
    }

    .column-60 {
        max-width:100%;
        padding:0px;
        box-sizing: border-box;
        border: 1px solid #353535;
        box-shadow: none;
        line-height: 0px;
    }

    .column-100, .column-50, .column-25 {
        padding: 20px 0px 20px 0px;
    }

    h1,h2,h3,h4,h5,h6{
        margin:0px 0px 0.2em 0px;
    }

    .fullimg-content h2{
        color:#222 !important;
        margin:5px 0px 5px 0px;
    }

    h1{ font-size: 32px; }
    h2{ font-size: 24px; }
    h3{ font-size: 22px; }
    h4{ font-size: 20px; }
    h5{ font-size: 20px; }
    h6{ font-size: 18px; }

    .fs-vw6{font-size:7vw;}
    .fs-vw3{font-size:7.5vw;}
    .fs-vw2{font-size:5.1vw;}
    .fs-vw3-2{font-size:5.4vw;}
    .fs-vw2-2{font-size:5.2vw;padding-bottom: 15px;}

    p, address{
        font-size: 15px;
        line-height: 1.8em;
    }

    .spacevw1{height:2vw;}
    .spacevw2{height:3vw;}
    .spacevw3{height:4vw;}
    .spacevw4{height:5vw;}
    .spacevw5{height:6vw;}
    .spacevw6{height:7vw;}
    .spacevw7{height:8vw;}

    .design-list__item {
        margin: 10px 5px;
    }

    .design-list__item {
        width: 48%;
    }

    .inspiration-nav {
        padding:0px;
    }

    .iconlistsmall-wrap {
        padding:20px;
    }

    .textcol-2 {
        column-count: 2;
    }

    .inspiration-list__item {
        width: 50%;
    }

}





@media screen and (max-width: 767px) {

    .space-top {
        height:85px;
    }

    .content-wrap {
        margin-bottom: 20px;
    }

    .navigation-1{display:none;}
    .navigation-2{display: block;}
    .login{display:none;}
    .toggler{display:block;}
    .rating {
       display: none;
    }

    .column-33 {
        width:100%;
        padding: 5px !important;
    }

    .textcol-2 {
        column-count: 1;
    }

    .brand {
        padding-left: 0px;
    }

    .header-wrap {
        width: 90%;
    }

    .column-right  {
        width: 100% !important;
    }
    .column-left  {
        width: 100%; order:2; !important;
        margin-top:15px;
    }

    .column {
        display: flex;
        flex-direction: column;
        padding:10px;
    }

    .column-basic {
        padding: 10px;
    }

    .contentbox {
        margin-top:15px;
    }

    .contentbox-text {
        padding:13px;
    }

    .content-wrap {
        flex-wrap: wrap;
        padding:10px;
    }

    .product-bestseller{
        position: relative;
        left: -10px;
        right: 10px;
        top: -20px;
        padding: 5px 9px;
    }

    .fullimg-content{
        position:unset;
        margin:0 auto;
        top: 30px;
    }

    .column-head {
        position: relative;
        display:block;
    }

    .fullimg-content h1{
        color:#222 !important;
    }
    .fullimg-content h2{
        color:#222 !important;
        margin:12px 0px 12px 0px;
    }

    h1,h2,h3,h4,h5,h6{
        margin:0px 0px 0px 0px;
    }

    .fullimg-content h2{
        margin:1px 0px 1px 0px;
    }

    h1{ font-size: 32px; }
    h2{ font-size: 24px; }
    h3{ font-size: 22px; }
    h4{ font-size: 20px; }
    h5{ font-size: 20px; }
    h6{ font-size: 18px; }

    .fs-vw6{font-size:8vw;}
    .fs-vw3{font-size:7.5vw;}
    .fs-vw2{font-size:5.1vw;}
    .fs-vw3-2{font-size:5.4vw;}
    .fs-vw2-2{font-size:5.2vw;padding-bottom: 15px;}

    p, address{
        font-size: 14px;
        line-height: 1.8em;
    }

    .spacevw1{height:3vw;}
    .spacevw2{height:4vw;}
    .spacevw3{height:5vw;}
    .spacevw4{height:6vw;}
    .spacevw5{height:7vw;}
    .spacevw6{height:8vw;}
    .spacevw7{height:9vw;}

    .design-list__item {
        padding: 5px 5px;
    }

    .design-list__item {
        width: 100%;
    }

    .inspiration-nav {
        padding:0px;
    }

    .iconlistsmall-wrap {
        padding:0px;
    }

    .inspiration-list__item {
        width: 100%;
    }

}





/*
    main .column-17, main .column-12-5, main .column-10, footer .column-12-5, footer .column-10 {padding:0px;}

    .cookie-banner .column-25 {padding:20px 20px 0px 20px;}
    .cookie-banner .column-wrap .column-30 {display:none;}
    .cookie-banner { width:80%; }
*/
/*
.column-40, .column-30, .column-33 {
       width:50%;
       padding:0px;
   }




.column-25, .column-20 {
  width:22%;
  padding:0px;
}
.column-17, .column-12-5, .column-10 {width:0%;}

*/

/*
.column-40 {
    min-width: 100%;
    padding: 20px 0px 20px 0px;
    box-sizing: content-box;
    display: flex;
}


.column-40-left {
    min-width: 100%;
    padding: 20px 0px 20px 0px;
    box-sizing: content-box;
    display: flex;
    order:2;

}

.column-60 {
    max-width:100%;
    padding:0px;
    box-sizing: border-box;
    border: 1px solid #353535;
    box-shadow: none;
    line-height: 0px;
}

.column-100, .column-50, .column-25 {
    padding: 10px 0px 10px 0px;
}

*/



/*
@media screen and (max-width: 1092px) {

    .design-list__item {
        width: 50%;
    }
}*/
/*
@media screen and (max-width: 740px) {

    .design-list__item {
        width: 100%;
    }

    .inspiration-list__item {
        width: 100%;
    }

}*/



/*flow*/

/*
@media screen and (min-width: 600px) {
    .design-list__item {
        width: 50%;
    }
    .design-overlay__head__register, .inspiration-overlay__head__register {text-align:center;}
}
*/

/*
@media screen and (min-width: 1000px) {
    .textcol-2 {
        column-count: 2;
        column-rule: 1px solid #ccc;
        column-gap: 50px;
    }
}*/

/*

@media screen and (max-width: 1100px) {
    .inspiration-list__item {
        width: 50%;
    }
    .column-40, .column-30, .column-33, .column-25, .column-20 {
        width:50%;
    }
    .column-17, .column-12-5, .column-10 {
        width:0%;
    }
    main .column-17, main .column-12-5, main .column-10, footer .column-12-5, footer .column-10 {
        padding:0px;
    }

}*/
/*
@media screen and (max-width: 1190px) {
    .column-90, .column-80, .column-70, .column-60, .column-50 {
        width:100%;
    }

    .right{ text-align: left !important; }
    .footernavigation{ margin-top:0px !important; }

    .fullimg-contentbox{
        position: unset;
        width:100% !important;
        min-height:auto;
        border-width: 0px;
        padding:0px;
        background-color:transparent;

    }
    .contentbox-center{
        margin: 0px;
        width:100% !important;
        min-height:auto !important;
        max-height:auto !important;
    }
}*/

/*
@media screen and (max-width: 1300px) {
    main { width: 90%; }
    .header-wrap{ width: 90%; }
    .footer-wrap{ width: 90%; }
    .navigationmobile-wrap { width:90%;
    }
}
*/
/*Flow mobil Ende*/


/*

@media screen and (min-width:1093px)  {
    .design-list__item {
        width: 33%;
    }
    .design-overlay__head__register, .inspiration-overlay__head__register {text-align:center;}
}


@media (min-width: 640px) {
    .userinteraction>p {text-align: left;}
}

*/


/*
    .column-left, .column-right  {
        width: 100% !important;
    }

    .column-left {
        order:2;
    }*/

/*
    .column-40, .column-30, .column-33, .column-25, .column-20, .column-50 {width:100%; padding:0px;}
    .column-17, .column-12-5, .column-10 {width:0%;}

    main .column-17, main .column-12-5, main .column-10, footer .column-12-5, footer .column-10 {padding:0px;}

.cookie-banner .column-25 {padding:20px 20px 0px 20px;}
.cookie-banner .column-wrap .column-30 {display:none;}
.cookie-banner { width:80%; }

*/



.filter-1 {
    /*filter: saturate(100%) grayscale(100%) sepia(28%)*/
    filter: brightness(50%);
}

/**
.filter-2 {
    filter: brightness(97%) contrast(99%) saturate(227%)
}

.filter-3 {
    filter: hue-rotate(232deg) saturate(187%) sepia(90%)
}
.filter-4 {
    filter: brightness(103%) contrast(81%) grayscale(100%)
}
.filter-5 {
    filter: brightness(94%) contrast(75%) hue-rotate(88deg) saturate(300%) grayscale(25%) invert(100%)
}
.filter-6 {
    filter:  grayscale(1) sepia(0.5) brightness(1.3) invert(0.8) ;
}
.filter-7 {
    filter: brightness(105%) hue-rotate(24deg) grayscale(10%) invert(0.2) saturate(200%);
}
.filter-8{
    filter: brightness(120%) contrast(90%) hue-rotate(82deg) saturate(110%);
}
.filter-9{
    filter: saturate(800%);
}
.filter-10 {
    filter: brightness(110%) contrast(110%) grayscale(100%);
}
.filter-11{
    filter: brightness(100%) grayscale(100%) sepia(100%) invert(15%);
}
.filter-12{
    filter: hue-rotate(180deg);
}
.filter-13{
    filter: brightness(126%) contrast(81%) grayscale(33%) saturate(112%);
}
.filter-14{
    filter: brightness(130%) contrast(85%) grayscale(100%) sepia(5%);
}
.filter-15{
    filter: brightness(132%) contrast(108%) hue-rotate(225deg) opacity(87%) saturate(139%);
}
.filter-16{
    filter: hue-rotate(183deg) invert(8%) saturate(152%) sepia(52%);
}
.filter-17{
    filter: hue-rotate(165deg) grayscale(61%) sepia(75%)
}
.filter-18 {
    filter: brightness(114%) contrast(125%) hue-rotate(288deg) saturate(294%) grayscale(69%) invert(1%)
}
.filter-19 {
    filter: brightness(35%) contrast(85%) saturate(112%) grayscale(5%)
}
.filter-20{
    filter: brightness(178%) contrast(76%) saturate(97%) grayscale(6%) sepia(5%) invert(5%)
}
**/

.footer-wrap {
    display: flex;
    flex-flow: row nowrap;
    margin:0 auto;
    padding: 20px;
    width: 1250px;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    color:white;
}

.footer-wrap > div {
    padding:20px;
    box-sizing: border-box;
}

.footer-wrap p {
    font-size:inherit;
    color: inherit;
}

.footer-column-1 {
    width: 25%;
    margin-right:10%;
}

.footer-column-2 {
    width: 20%;
    min-width: 210px;
    padding-top:60px !important;
}

.footer-column-3 {
    width: 20%;
    min-width: 220px;
    padding-top:60px !important;;
}

.footer-column-4 {
    flex-grow: 1;
    text-align: right;
    padding-top:60px !important;;
}

.footer-column-5 {
    width: 50%;
    padding-top: 60px;
    display:block;
}

.footer-column-6 {
    width: 50%;
    padding-top: 60px;
    display:block;
    text-align: right;
}

@media only screen and (max-width: 1024px) {
    .footer-column-1 {
        margin-right:0;
    }
}

@media only screen and (max-width: 798px) {
    .footer-wrap {
        flex-wrap: wrap;
        align-content: stretch;
    }

    .footer-wrap > div {
        text-align: center !important;
        width:100% !important;
    }

    .footer-column-2, .footer-column-3, .footer-column-4 {
        padding-top: 20px !important;
    }
}

.product__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 70px 0;
    text-align: center;

    -webkit-box-shadow: 10px 10px 16px -14px rgba(204,204,204,1);
    -moz-box-shadow: 10px 10px 16px -14px rgba(204,204,204,1);
    box-shadow: 10px 10px 16px -14px rgba(204,204,204,1);

}

@media screen and (min-width : 640px) {
    .product__item-wrapper-en .product__item {
        width: 47%;
        margin: 70px 5px 0 5px;
    }
    .product__item-wrapper-de .product__item {
        width: 47%;
        margin: 70px 5px 0 5px;
    }

    #price-orca .product__item {
        width: 47%;
        margin: 70px 5px 0 5px;
    }
}

@media screen and (min-width : 960px) {
    .product__item-wrapper-en .product__item {
        width: 24%;
    }
    .product__item-wrapper-de .product__item {
        width: 32%;
    }

    #price-orca .product__item {
        width: 47%;
    }
}





.product__item-recommended {
    position: absolute;
    top: -49px;
    height: 50px;

    left: 0;
    width: 100%;
    padding: 0;
}

.product__item-recommended > span {
    display: block;
    width: 100%;

    border: 1px solid #ccc;
    border-bottom: 0;
    line-height: 50px;

    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    background-color: #438fe8;
    font-weight: normal;
}


.product__item-cnt {
    margin: 0;
    border: 1px solid #ccc;
}





.product__item-cnt h3{
    padding: 20px 0 0 0;
}


.product__item-price {
    font-size: 15px;
    padding: 10px 0 40px 0;
}

.product__item-price > span {
    font-size: 35px;
}

.product__item-buy a {
    min-width: 200px;
}


.product__item-description {
    padding: 40px 0 10px 0;
}
.product__item-description p {
    padding: 5px 0;
}



.product__page4orca a:hover {
    color: #fff;
}