@charset "UTF-8";
/* CSS Document */
@font-face {font-family: "Phenomena-Regular";
  src: url("../fonts/phenomena/2360fe87d82d652ed8c9f1b03f26306e.eot"); /* IE9*/
  src: url("../fonts/phenomena/2360fe87d82d652ed8c9f1b03f26306e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/phenomena/2360fe87d82d652ed8c9f1b03f26306e.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/phenomena/2360fe87d82d652ed8c9f1b03f26306e.woff") format("woff"), /* chrome、firefox */
  url("../fonts/phenomena/2360fe87d82d652ed8c9f1b03f26306e.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/phenomena/2360fe87d82d652ed8c9f1b03f26306e.svg#Phenomena-Regular") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Phenomena-Bold";
  src: url("../fonts/phenomena/074cbb417f85476dc2cca403e8e0ca04.eot"); /* IE9*/
  src: url("../fonts/phenomena/074cbb417f85476dc2cca403e8e0ca04.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/phenomena/074cbb417f85476dc2cca403e8e0ca04.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/phenomena/074cbb417f85476dc2cca403e8e0ca04.woff") format("woff"), /* chrome、firefox */
  url("../fonts/phenomena/074cbb417f85476dc2cca403e8e0ca04.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/phenomena/074cbb417f85476dc2cca403e8e0ca04.svg#Phenomena-Bold") format("svg"); /* iOS 4.1- */
}
				
                html, a, td {
                    -webkit-text-size-adjust: none;
                    -moz-text-size-adjust: none;
                    -ms-text-size-adjust: none;
                    text-size-adjust: none
                }

                .clearfix: before, .clearfix: after {
                    content: "";
                    display: table
                }

                .clearfix: after {
                    clear: both
                }

                .clearfix {
                    zoom: 1
                }

                body {
                    background: #eee;
                    margin: 0;
                    color: #fff;
                    font: normal 13px "Phenomena-Bold", "Trebuchet MS", sans-serif;
                    background-color: #9cf;
                    background-image: url(../img/verlauf.png);
                    background-repeat: repeat-x
                }

                a {
					color: #FFF;
					text-decoration: none
                }

                a: hover {
                    text-decoration: underline
                }

                img {
                    border: none
                }

                h1, h2, h3, h4, h5, h6 {
                    font-family: "Phenomena-Bold", "Trebuchet MS", sans-serif;
                    font-weight: 700;
                    margin: 0
                }

                h1 {
                    font-size: 2.3em
                }

                h2 {
                    font-size: 25px
                }

                hr {
                    width: 100%;
                    border: none;
                    border-bottom: solid 1px #eee
                }

                .clr {
                    clear: both
                }

                .hide {
                    display: none !important
                }

                .visible {
                    display: block !important
                }

                .lte8 {
                    display: none;
                    text-align: center;
                    padding: 100px 0 0 0
                }

                .lte8 a {
                    color: #fff;
                    font-size: 20px;
                    text-decoration: underline
                }

                .social_icon {
                    display: inline-block;
                    width: 22px;
                    height: 22px;
                    margin: 0 4px 0 0;
                    background-image: url('../img/sprites.png');
                    background-repeat: no-repeat
                }

                .social_icon.ml_ico {
                    background-position: 0 -90px
                }

                .social_icon.fb_ico {
                    background-position: -22px -90px
                }

                .social_icon.gp_ico {
                    background-position: -44px -90px
                }

                .social_icon.tw_ico {
                    background-position: -66px -90px
                }

                .social_icon.pn_ico {
                    background-position: -88px -90px
                }

                .headline {
                    display: block;
                    min-height: 33px;
                    width: 100%;
                    padding: 0 0 0 10px;
                    margin: 5px 0 10px;
                    line-height: 33px;
                    color: #555;
                    font-size: 20px;
                    font-family: "Phenomena-Regular", "Trebuchet MS", sans-serif;
                    font-weight: bold;
                    background: #ededed;
                    border-bottom: solid 2px #555;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box
                }

                .catcolor1 {
                    background-color: #013299
                }

                .catcolor2 {
                    background-color: #195eac
                }

                .catcolor3 {
                    background-color: #1d9ea4
                }

                .catcolor4 {
                    background-color: #00805f
                }

                .catcolor5 {
                    background-color: #74b945
                }

                .catcolor6 {
                    background-color: #e7d420
                }

                .catcolor7 {
                    background-color: #f7a51e
                }

                .catcolor8 {
                    background-color: #d87429
                }

                .catcolor9 {
                    background-color: #bc2c2c
                }

                .catcolor10 {
                    background-color: #c01353
                }

                .catcolor11 {
                    background-color: #831a81
                }

                .catcolor12 {
                    background-color: #4d2a6c
                }

                .catcolor13 {
                    background-color: #586d88
                }

                .catcolor14 {
                    background-color: #c6c6c8
                }

                .fix_width {
                    width: 960px;
                    min-height: 500px;
                    margin: 0 auto
                }

                #header {
                    position: relative;
                    height: 65px;
                    margin: 20px 10px 6px
                }
				
				#slider a {
					display:block;
					height: 100% ;
				}
				
				
				@media screen {

                header1 {
                    position: absolute;
                    font-family: "Phenomena-Regular", "Trebuchet MS", sans-serif;
                    font-weight: 700;
                    font-size: 15px;
					font-color: #fff;
					float: right;
					width: 400px;
					z-index: 99;
					padding: 280px 0px 0px 490px; 
                }
				
				header1 span.startseite {
                    font-size: 28px;
					line-height: 40px;
                }
				
				#slider {
                    height: 705px;
                    padding: 0 0 20px 0;
                    margin-bottom: 0;
                    overflow: hidden;
					background-image: url('../img/weturn_mehrwegbox_940.jpg');
					background-repeat:no-repeat;
                }
				
				

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

                header1 {
                    position: absolute;
                    font-family: "Phenomena-Regular", "Trebuchet MS", sans-serif;
                    font-weight: 700;
                    font-size: 13px;
					font-color: #fff;
					float: right;
					width: 320px;
					z-index: 99;
					padding: 200px 0px 0px 370px; 
                }
								
				header1 span.startseite {
                    font-size: 21px;
					line-height: 40px;
                }

                #slider {
                    height: 705px;
                    padding: 0 0 20px 0;
                    margin-bottom: 0;
                    overflow: hidden;
					background-image: url('../img/weturn_mehrwegbox_700.jpg');
					background-repeat:no-repeat;
                }
				
				}

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

                header1 {
                    position: absolute;
                    font-family: "Phenomena-Regular", "Trebuchet MS", sans-serif;
                    font-weight: 700;
                    font-size: 13px;
					font-color: #fff;
					float: right;
					width: 320px;
					z-index: 99;
					padding: 90px 0px 0px 130px; 
                }
								
				header1 span.startseite {
                    font-size: 22px;
					line-height: 40px;
                }
				
				#slider {
                    height: 705px;
                    padding: 0 0 20px 0;
                    margin-bottom: 0;
                    overflow: hidden;
					background-image: url('../img/weturn_mehrwegbox_480.jpg');
					background-repeat:no-repeat;
                }

				}
				
                #logo {
                    float: left;
                    width: 125px;
                    height: 46px
                }

                #logo img {
                    width: 100%
                }

                .img_wrapper .thumb-container {
                    margin: 20px 0 0 0;
                    text-align: center
                }

                .img_wrapper .thumb-container .thumb_wrapper {
                    display: inline-block;
                    width: 62px;
                    height: 62px;
                    line-height: 58px;
                    margin: 0 5px;
                    border: solid 1px #000;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border-radius: 5px;
                    cursor: pointer;
                    text-align: center
                }

                .img_wrapper .thumb-container .thumb_wrapper img {
                    width: auto;
                    max-width: 62px;
                    max-height: 62px;
                    vertical-align: middle;
                    border-radius: 5px
                }

                #text {
                    margin: 10px 0;
                    padding: 0 0 20px 0
                }

                #text dt, #text dd {
                    margin-top: 5px;
                    margin-bottom: 10px
                }

                #text a {
                    color: inherit
                }

                #text hr {
                    border: none;
                    height: 2px;
                    background-color: #eee
                }

                #text h1, .left_side>h1 {
                    font-size: 30px;
                    line-height: 30px
                }

                #text p, .left_side>p {
                    margin: 5px 0
                }

                .artikel_icon {
                    display: inline;
                    margin: 5px 5px 0 0
                }

                .artikel_icon img {
                    height: 50px;
                    width: 50px
                }

                .series_item .artikel_icon img {
                    height: 40px;
                    width: 40px
                }

                .series_descr .text {
                    margin: 0 0 10px 0
                }

                #page_home {
                    padding: 0 10px
                }

                #artikel_box {
                    margin: -20px -20px 0 0
                }

                .artikel {
                    width: 220px;
                    height: 150px;
                    float: left;
                    margin: 20px 20px 0 0;
                    position: relative
                }

                .link_box {
                    position: absolute;
                    right: 0;
                    bottom: 16px;
                    width: 82%;
                    font-family: "Phenomena-Regular", "Trebuchet MS", sans-serif;
                    font-size: 24px
                }
				
                .Titel_box1 {
					position: relative;
					width: 220px;
                    right: 0;
                    bottom: 0px;
                    line-height: 22px;
                    font-family: "Phenomena-Regular", "Trebuchet MS", sans-serif;
                    font-size: 16px
					overflow: hidden;

                }

                .Titel_box2 {
					position: relative;
					right: 0;
					top: -20px;
					width: 220px;
					padding: 14px 0 14px 8px;
					line-height: 22px;
					font-family: "Phenomena-Regular", "Trebuchet MS", sans-serif;
					font-size: 24px;
					display: inline-block;
                }

                .opacity {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    opacity: .75;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
                    filter: alpha(opacity=75)
                }

                .info {
                    position: relative;
                    padding: 14px 0 14px 8px;
                    line-height: 22px;
                    color: #fff;
                    font-size: 24px;
                    font-weight: normal
                }
				
                .inforus {
					font-family: "Phenomena-Regular", sans-serif;
                    position: relative;
                    padding: 14px 0 14px 8px;
                    line-height: 24px;
                    color: #fff;
                    font-size: 22px;
                    font-weight: normal
                }

                .artikel a {
                    display: block
                }

                .artikel a: hover img {
                    opacity: .8
                }

                .artikel a img {
                    display: block;
                    width: 100%;
                    height: 150px
                }

                .artikel a img#Flagge {
                    float: left;
                    display: inline-block;
					margin: 5px 5px 20px 0;
                    width: 20px;
                    height: auto;
                }

                #footer {
                    background-color: #004389;
                    font-family: "Phenomena-Bold", "Trebuchet MS", sans-serif;
                    font-weight: normal;
                    font-size: 16px;
                    padding: 30px 0;
                    margin: 20px 0 0 0
                }

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

                #footer a {
                    color: #fff
                }

                #footLogo {
                    float: left;
                    margin: 0 20px 0 10px;
                    display: block;
                    width: 130px;
                    height: 50px
                }

                #footAdresse p {
                    margin: 0
                }

                #footSocial {
                    margin-top: 5px
                }

                #footProdukte, #footAdresse, #footSite, #footInfo {
                    border-left: 1px solid #fff;
                    float: left;
                    margin-left: 75px;
                    padding-left: 10px
                }

                #footer h2 {
                    margin-bottom: 5px
                }

                #footSocial, #social, .produkteSocial {
                    height: 22px
                }

                .body_home #menu ul ul {
                    left: -392px
                }

                .ui-widget-content {
                    background: #fff
                }

                .ui-widget-content li {
                    padding: 2px 5px
                }

                .ui-autocomplete-category {
                    font-size: 12px;
                    background: #ccc;
                    opacity: 9
                }

                .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
                    margin: 0
                }

                .min1340 {
                    display: none;
                    color: red
                }

                .max1340 {
                    display: none;
                    color: #ffa500
                }

                .max1023 {
                    display: none;
                    color: #ff0
                }

                .max767 {
                    display: none;
                    color: green
                }

                .max480 {
                    display: none;
                    color: #556b2f
                }

                .max1340-2 {
                    display: none;
                    color: aqua
                }

                .max1023-2 {
                    display: none;
                    color: #87cefa
                }

                .max767-2 {
                    display: none;
                    color: blue
                }

                .max480-2 {
                    display: none;
                    color: #9400d3
                }

                @media screen and (min-width:1470px) {
                    .min1340 {
                        display: inline-block
                    }

                    #menu ul ul {
                        display: block !important;
                        opacity: 1 !important
                    }
}

                @media screen and (max-width:1470px) {
                    .max1340 {
                        display: inline-block
                    }

                    #menu ul li {
                        position: relative
                    }

                    .body_home #menu ul ul, #menu ul ul {
                        display: none;
                        left: -62px;
                        top: 24px;
                        padding: 21px 0 0 0
                    }
}

                @media screen and (max-width:1023px) {
                    .max1023 {
                        display: inline-block
                    }

                    .fix_width {
                        width: 720px;
						min-height: 500px;
                    }

                    #slider {
                        height: 505px
                    }

                    #slider .slide_wrapper {
                        height: 505px
                    }

                    .nl-gallery .gallery-nav {
                        top: 160px
                    }

                    .service_icon_wrapper {
                        padding: 15px 0 5px 0
                    }

                    #progress_line {
                        width: 100%
                    }

                    #direct_addition .textarea_returnReason {
                        width: 311px;
                        max-width: 311px
                    }

                    .order_cart_table .divs_table_row {
                        line-height: 79px;
                        min-height: 79px
                    }

                    .divs_table a {
                        line-height: normal
                    }

                    .formular.contact {
                        float: none;
                        clear: both
                    }

                    .address_block.contact {
                        float: none;
                        width: 100%;
                        margin: 20px 0 0 0
                    }

                    #footLogo {
                        clear: left;
                        display: block;
                        margin: 0 0 0 10px
                    }

                    #footAdresse {
                        margin-left: 20px
                    }

                    #footProdukte, #footSite, #footInfo {
                        margin-left: 60px
                    }

                    .footColgroup {
                        float: left
                    }

                    #footSite, #footInfo {
                        clear: left;
                        width: 120px
                    }

                    #footInfo {
                        margin-top: 20px
                    }
}

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

                    .max767 {
                        display: inline-block
                    }

                    #lang_sel {
                        display: none
                    }

                    #footLogo {
                        margin: 0 0 80px 10px
                    }

                    #nav_right {
                        margin: 12px 0 0 0
                    }

                    #logo {
                        position: absolute;
                        left: 50%;
                        top: 0;
                        margin-left: -67px
                    }

                    .fix_width {
                        width: 480px;
						min-height: 400px;
                    }

                    #slider {
                        height: 350px
                    }

                    #slider .slide_wrapper {
                        height: 350px
                    }

                    .social_icon {
                        height: 26px;
                        width: 26px;
                        background-size: 251px auto
                    }

                    .social_icon.ml_ico {
                        background-position: 0 -107px
                    }

                    .social_icon.fb_ico {
                        background-position: -26px -107px
                    }

                    .social_icon.gp_ico {
                        background-position: -52px -107px
                    }

                    .social_icon.tw_ico {
                        background-position: -79px -107px
                    }

                    .social_icon.pn_ico {
                        background-position: -106px -107px
                    }

                    body {
                        font-size: 16px
                    }

                        #footAdresse {
                            margin: 0 0 0 10px
                        }

                        #footAdresse, #footProdukte, #footInfo, #footSite {
                            height: auto
                        }

                        #footProdukte, #footSite, #footInfo {
                            margin: 0 0 0 30px
                        }

                        #footInfo {
                            margin-top: 10px
                        }

                        .footColgroup {
                            float: left
                        }
}

                    .visible-phone {
                        display: none !important
                    }

                    .visible-tablet {
                        display: none !important
                    }

                    .hidden-phone {}

                    .hidden-tablet {}

                    .hidden-desktop {
                        display: none !important
                    }

                    .visible-desktop {
                        display: inherit !important
                    }

                    @media(min-width:768px)and (max-width:1023px){.hidden-desktop {
                            display: inherit !important
                        }

                        .visible-desktop {
                            display: none !important
                        }

                        .visible-tablet {
                            display: inherit !important
                        }

                        .hidden-tablet {
                            display: none !important
                        }
}

                    @media(max-width:767px){.hidden-desktop {
                            display: inherit !important
                        }

                        .visible-desktop {
                            display: none !important
                        }

                        .visible-phone {
                            display: inherit !important
                        }

                        .hidden-phone {
                            display: none !important
                        }
}

                    .visible-print {
                        display: none !important
                    }

                    .hidden-print {}

                    @media print {
                        .visible-print {
                            display: inherit !important
                        }

                        .hidden-print {
                            display: none !important
                        }
}