@import url(font.css);
@import url(socicon.css);
body{ font-family:'Titillium Web', sans-serif; color:#5B5B5B; background-color:#fff; font-size:16px; padding-top:130px; }
a:hover, a:active, a:focus{ outline:none; }
a:active, a:focus{ text-decoration:none; }
ul.disc{ list-style-type:disc; }
.glyphicon{top:0;}
.pd0{ padding:0; }
.block-center{ margin-left:auto; margin-right:auto;}

/* icons */
.nav li a img,
.i { display:inline-block; background:url("../images/images.png") no-repeat scroll 0 0 transparent; }
a.i1_2:hover,
.i1_1{ background-position:-9px 0; width:94px; height:102px; } /* logo */
.i1_2{ background-position:-135px 0; width:94px; height:102px; }

.i2_1{ background-position:-4px -115px; width:47px; height:46px; }
.i2_2{ background-position:-55px -115px; width:48px; height:46px; }
.i2_3{ background-position:-135px -125px; width:31px; height:31px; }
.i2_4{ background-position:-172px -125px; width:31px; height:31px; }
.i2_5{ background-position:-209px -125px; width:31px; height:31px; }
.i2_6{ background-position:-271px -135px; width:8px; height:13px; }
.i2_7{ background-position:-281px -135px; width:8px; height:13px; }
.i2_8{ background-position:-291px -135px; width:8px; height:13px; }

.i3_1{ background-position:0 -170px; width:123px; height:123px; }
.i3_2{ background-position:-133px -170px; width:124px; height:123px; }
.i3_3{ background-position:-268px -170px; width:124px; height:123px; }
.i3_4{ background-position:-400px -170px; width:123px; height:123px; }

.i4_1{ background-position:0 -305px; width:123px; height:123px; }
.i4_2{ background-position:-133px -305px; width:124px; height:123px; }
.i4_3{ background-position:-268px -305px; width:124px; height:123px; }
.i4_4{ background-position:-400px -305px; width:123px; height:123px; }

.i5_1{ background-position:-1px -434px; width:123px; height:123px; }
.i5_2{ background-position:-133px -434px; width:123px; height:123px; }
.i5_3{ background-position:-267px -434px; width:123px; height:123px; }
.i5_4{ background-position:-399px -434px; width:123px; height:123px; }

.i6_1{ background-position:-1px -569px; width:123px; height:123px; }
.i6_2{ background-position:-133px -569px; width:123px; height:123px; }
.i6_3{ background-position:-267px -569px; width:123px; height:123px; }
.i6_4{ background-position:-399px -569px; width:123px; height:123px; }

.i7_1{ background-position:-1px -714px; width:62px; height:62px; }
.i7_2{ background-position:-66px -714px; width:62px; height:62px; }
.i7_3{ background-position:-131px -714px; width:62px; height:62px; }
.i7_4{ background-position:-196px -714px; width:62px; height:62px; }

.i8_1{ background-position:-1px -779px; width:62px; height:62px; }
.i8_2{ background-position:-66px -779px; width:62px; height:62px; }
.i8_3{ background-position:-131px -779px; width:62px; height:62px; }
.i8_4{ background-position:-196px -779px; width:62px; height:62px; }

.i9_1{ background-position:-1px -844px; width:62px; height:62px; }
.i9_2{ background-position:-66px -844px; width:62px; height:62px; }
.i9_3{ background-position:-131px -844px; width:62px; height:62px; }
.i9_4{ background-position:-196px -844px; width:62px; height:62px; }

.i10_1, .nav li.item-117 a img{ background-position:-1px -909px; width:62px; height:62px; }
.i10_2, .nav li.item-119 a img{ background-position:-66px -909px; width:62px; height:62px; }
.i10_3, .nav li.item-118 a img{ background-position:-131px -909px; width:62px; height:62px; }
.i10_4, .nav li.item-120 a img{ background-position:-196px -909px; width:62px; height:62px; }

.i11_1, .nav li.item-117.active a img, .nav li.item-117 a:hover img{ background-position:-1px -974px; width:62px; height:62px; }
.i11_2, .nav li.item-119.active a img, .nav li.item-119 a:hover img{ background-position:-66px -974px; width:62px; height:62px; }
.i11_3, .nav li.item-118.active a img, .nav li.item-118 a:hover img{ background-position:-131px -974px; width:62px; height:62px; }
.i11_4, .nav li.item-120.active a img, .nav li.item-120 a:hover img{ background-position:-196px -974px; width:62px; height:62px; }

.i12_1{ background-position:-12px -1056px; width:17px; height:31px }
.i12_2{ background-position:-52px -1052px; width:26px; height:35px }
.i12_3{ background-position:-101px -1052px; width:61px; height:35px }
.i12_4{ background-position:-187px -1046px; width:47px; height:41px }

.active .i12_1,
.i13_1{ background-position:-12px -1103px; width:17px; height:31px }
.active .i12_2,
.i13_2{ background-position:-52px -1099px; width:26px; height:35px }
.active .i12_3,
.i13_3{ background-position:-101px -1099px; width:61px; height:35px }
.active .i12_4,
.i13_4{ background-position:-187px -1093px; width:47px; height:41px }


.m{ display:inline-block; background:url("../images/images2.png") no-repeat scroll 0 0 transparent;}
.m1{ background-position:0 0; width:202px; height:50px; } /* Printer */
a.m1:hover,.m2{ background-position:0 -78px; width:202px; height:50px; }
.m3{ background-position:-245px 0; width:193px; height:50px; } /* Derumzug */
a.m3:hover,.m4{ background-position:-245px -78px; width:193px; height:50px; }
.m5{ background-position:-480px 0; width:204px; height:50px; } /* myHandkraft */
a.m5:hover,.m6{ background-position:-480px -77px; width:204px; height:50px; }
.m7{ background-position:-730px 0; width:205px; height:50px; } /* Ersatzteile */
a.m7:hover,.m8{ background-position:-730px -79px; width:205px; height:50px; }
.m9{ background-position:-974px -2px; width:205px; height:50px; } /* hotels-booking.at */
a.m9:hover,.m10{ background-position:-974px -80px; width:205px; height:50px; }

/* <kunden> */
.list-kunden{list-style:none; padding:0; margin:0; text-align:center;}
.list-kunden li{display:inline-block;padding:0;}
.knd{ display:inline-block; background:url("../images/kunden.png") no-repeat scroll 0 0 transparent; width:176px; height:105px; }
.k1_1{background-position:0 0}
.k1_2{background-position:-184px 0}
.k1_3{background-position:-368px 0}
.k1_4{background-position:-552px 0}

.k2_1{background-position:0 -114px}
.k2_2{background-position:-184px -114px}
.k2_3{background-position:-368px -114px}
.k2_4{background-position:-552px -114px}

.k3_1{background-position:0 -227px}
.k3_2{background-position:-184px -227px}
.k3_3{background-position:-368px -227px}
.k3_4{background-position:-552px -227px}

.k4_1{background-position:0 -340px}
.k4_2{background-position:-184px -340px}
.k4_3{background-position:-368px -340px}
.k4_4{background-position:-552px -340px}

.k5_1{background-position:0 -453px}
.k5_2{background-position:-184px -453px}
.k5_3{background-position:-368px -453px}
.k5_4{background-position:-552px -453px}

.k6_1{background-position:0 -566px}
.k6_2{background-position:-184px -566px}
.k6_3{background-position:-368px -566px}
.k6_4{background-position:-552px -566px}

.k7_1{background-position:0 -679px}
.k7_2{background-position:-184px -679px}
.k7_3{background-position:-368px -679px}
.k7_4{background-position:-552px -679px}

.k8_1{background-position:0 -792px}
.k8_2{background-position:-184px -792px}
.k8_3{background-position:-368px -792px}
.k8_4{background-position:-552px -792px}

.k9_1{background-position:0 -905px}
.k9_2{background-position:-184px -905px}
.k9_3{background-position:-368px -905px}
.k9_4{background-position:-552px -905px}

.k10_1{background-position:0 -1018px}
.k10_2{background-position:-184px -1018px}
.k10_3{background-position:-368px -1018px}
.k10_4{background-position:-552px -1018px}

.k11_1{background-position:0 -1131px}
.k11_2{background-position:-184px -1131px}
.k11_3{background-position:-368px -1131px}
.k11_4{background-position:-552px -1131px}

.k12_1{background-position:0 -1244px}
.k12_2{background-position:-184px -1244px}
.k12_3{background-position:-368px -1244px}
.k12_4{background-position:-552px -1244px}

.k13_1{background-position:0 -1357px}
.k13_2{background-position:-184px -1357px}
.k13_3{background-position:-368px -1357px}
.k13_4{background-position:-552px -1357px}

.k14_1{background-position:0 -1470px}
.k14_2{background-position:-184px -1470px}
.k14_3{background-position:-368px -1470px}
.k14_4{background-position:-552px -1470px}

.k15_1{background-position:0 -1583px}
.k15_2{background-position:-184px -1583px}
.k15_3{background-position:-368px -1583px}
.k15_4{background-position:-552px -1583px}

.k16_1{background-position:0 -1696px}
.k16_2{background-position:-184px -1696px}
.k16_3{background-position:-368px -1696px}
.k16_4{background-position:-552px -1696px}

.k17_1{background-position:0 -1809px}
.k17_2{background-position:-184px -1809px}
.k17_3{background-position:-368px -1809px}
.k17_4{background-position:-552px -1809px}

.k18_1{background-position:0 -1922px}
.k18_2{background-position:-184px -1922px}
.k18_3{background-position:-368px -1922px}
.k18_4{background-position:-552px -1922px}

.k19_1{background-position:0 -2035px}
.k19_2{background-position:-184px -2035px}
.k19_3{background-position:-368px -2035px}
.k19_4{background-position:-552px -2035px}

.k20_1{background-position:0 -2148px}
.k20_2{background-position:-184px -2148px}
.k20_3{background-position:-368px -2148px}
.k20_4{background-position:-552px -2148px}

/* </kunden> */


.ajax-loader{ display:inline-block; background:url("../images/ajax-loader.gif") no-repeat scroll 0 0 transparent; width:43px; height:11px; }

.color-hblue{ color:#008DD2; }
.color-dblue{ color:#04425D; }
.color-white{ color:#ffffff; }
.color-gray{ color:#5B5B5B; }
.bg-white{ background-color:#ffffff; }
.bg-gray{ background-color:#F1F1F1; }


.btn-white{ border:2px solid #fff; color:#fff; padding:10px 50px; font-size:1.6em; border-radius:30px; }
.btn-white:hover{ color:#fff; background:#286090; }

.footer .btn-social{ position:relative; background:#A2D9F7; color:#04425D; width:50px; height:50px; font-size:24px; line-height:50px; border-radius:50%; padding:0; margin:5px;}
.footer .btn-social:hover{ background:#fff; color:#04425D; }
.img-fulltext{}
.img-fulltext img{width:100%;}

.has-error .btn{ border-color:#843534; }

.btn-1{ font-size:20px; color:#5B5B5B; border:2px solid #999; border-radius:30px; padding:10px 0; width:300px; }
.btn-1:hover, .btn-1:active, .btn-1:focus{ border-color:#fff; color:#fff; }

.btn-holen{ font-size:24px; color:#fff; border-radius:30px; padding:10px 40px; margin-bottom:20px; border:0;}
.btn-holen:hover, .btn-holen:active, .btn-holen:focus{ background:#286090; color:#fff; }

.menu-top li.active a, .slogan,
.menu-sidebar li.active>a .image-title,
.menu-sidebar li.alias-parent-active>a .image-title,

.blue-gradient,.btn-holen,.btn-1:hover{
color:#fff;
background:rgba(14,88,123,1);
background:-moz-linear-gradient(left, rgba(14,88,123,1) 0%, rgba(4,143,202,1) 55%, rgba(0,158,226,1) 100%);
background:-webkit-gradient(left top, right top, color-stop(0%, rgba(14,88,123,1)), color-stop(55%, rgba(4,143,202,1)), color-stop(100%, rgba(0,158,226,1)));
background:-webkit-linear-gradient(left, rgba(14,88,123,1) 0%, rgba(4,143,202,1) 55%, rgba(0,158,226,1) 100%);
background:-o-linear-gradient(left, rgba(14,88,123,1) 0%, rgba(4,143,202,1) 55%, rgba(0,158,226,1) 100%);
background:-ms-linear-gradient(left, rgba(14,88,123,1) 0%, rgba(4,143,202,1) 55%, rgba(0,158,226,1) 100%);
background:linear-gradient(to right, rgba(14,88,123,1) 0%, rgba(4,143,202,1) 55%, rgba(0,158,226,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e587b', endColorstr='#009ee2', GradientType=1 );

}

.relative{ position:relative; }

/* header */
.header{ background:#fff; padding:15px 0;}
.header .container{ position:relative; }
.shadow{-webkit-box-shadow:0px 5px 5px 0px rgba(233,233,233,1); -moz-box-shadow:0px 5px 5px 0px rgba(233,233,233,1); box-shadow:0px 5px 5px 0px rgba(233,233,233,1); }
.header .text_logo,.header img{vertical-align:bottom;}
.header img{margin-left:10px;}
.header .text_logo{ display:inline-block; padding-left:20px; font-size:24px; line-height:1; padding-bottom:13px; }
.header .navbar-toggle{ position:absolute; right:10px; top:28px; font-size:24px; margin:0; padding:0; border:0;}
.header .navbar-toggle:hover{ color:#008DD2; }

@media (max-width:1000px) { .header .text_logo{padding-left:10px; font-size:18px; padding-bottom:17px;} }

@media (max-width:770px) {
.header{ padding:5px 0; }
.header .text_logo{padding-left:5px; font-size:16px; padding-bottom:10px;}
}

@media (max-width:500px) { .header .text_logo{font-size:14px;} }


a.logo{color:#5B5B5B;}
a.logo:hover{text-decoration:none;}

@media (min-width:767px) {
.navbar-collapse .menu-top{ position:absolute; bottom:9px; right:0; }
}


.menu-top{ }
.menu-top.navbar-nav > li{ margin:1px; }
.menu-top.navbar-nav > li > a{ border-radius:15px; padding:5px 10px; border:2px solid #fff;}
.menu-top.navbar-nav > li > a:hover{ border-color:#008DD2;}
.menu-top.navbar-nav > li.active > a:hover{ border-color:#fff;}

@media (max-width:767px) {
.menu-top.navbar-nav > li{ text-align:right; margin-top:5px; padding-top:5px; border-top:1px dashed #B2B3B3; }
}

.menu-sidebar{margin-top:50px;}
.menu-sidebar>li{ margin-bottom:10px; }

.menu-sidebar>li .nav-child{display:none;list-style:none; margin-left:33px;}

.menu-sidebar>li.alias-parent-active .nav-child,
.menu-sidebar>li.active .nav-child{display:block;}

.menu-sidebar li a{color:#5B5B5B; padding:0; clear:both; overflow:hidden;}
.menu-sidebar li.active .nav-child a,
.menu-sidebar li.active>a, .menu-sidebar li>a:hover{color:#008DD2}
.menu-sidebar li img{ margin-right:10px; float:left; }
.menu-sidebar li a .image-title{ display:block; border:1px solid #B2B3B3; height:32px; padding:4px 0; margin:15px 0 15px 15px; border-radius:15px;}
.menu-sidebar li a .image-title::after{ clear:both;  }
.menu-sidebar li.active>a .image-title{border:none;}
.menu-sidebar li>a:hover  .image-title{border-color:#008DD2}
.menu-sidebar .nav-child .nav-child{margin:0 0 0 20px;padding:0;}
.menu-sidebar .nav-child .small{font-size:100%;}




.menu-bottom{ text-align:center; }
.menu-bottom li{ display:inline-block; margin:10px; }
.menu-bottom li a{ padding:0; font-size:12px; line-height:16px; }
.menu-bottom li a:hover{ text-decoration:underline; }


.tel-mail{list-style:none; padding:0;}
.tel-mail li{ display:inline-block; margin:0 0 10px 10px; width:270px;}
.tel-mail .i,.tel-mail .well{vertical-align:top;}
.tel-mail a{color:#5B5B5B;}
.tel-mail a:hover{text-decoration:none;}
.tel-mail .well{ display:inline-block; padding:4px 9px; border-left:0; width:220px; margin:6px 0 0 0; font-size:16px; text-align:left; border-radius:0 4px 4px 0; }

.dl-horizontal{margin:0;}

.marken_inline{ list-style:none; padding:0; text-align:center; word-spacing:0; }
.marken_inline li{ display:inline-block; width:225px; margin-bottom:15px; vertical-align:middle; }

.list-4-ball a{ display:block; color:#fff;  border-radius:1em; padding:1em; }
.list-4-ball a:hover{ text-decoration:none; color:#fff; background:#286090; background:rgba(0,0,0,0.2); }

.list-4-ball>li{ width:25%; vertical-align:top; }
@media (max-width:767px) { .list-4-ball>li{ width:50%; } }
@media (max-width:400px) { .list-4-ball>li{ width:100%; } }

/* BLOG */
.blog1 { margin-bottom:1em; }
.blog-title{ display:block; color:#0B6994; font-size:18px; }
.blog-item-img{display:block;margin:1em 0;}
.blog-item-img img{width:100%;}

.pagination1{ display:block; text-align:center; margin:1em 0;}
.pagination1>ul{  list-style:none; margin:0; padding:0; }
.pagination1>ul>li{ display:inline-block; padding:2px;  }
.pagination1>ul>li.pagination-prev{ margin-right:10px; }
.pagination1>ul>li.pagination-next{ margin-left:10px; }
.pagination1>ul>li .pagenav{ display:inline-block; border-radius:10px; border:2px solid #ddd; padding:1px 10px;  }
.pagination1>ul>li span.pagenav{ border-color:#0B6994; color:#0B6994;  }
.pagination1>ul>li a.pagenav,
.pagination1>ul>li.pagination-start span.pagenav,
.pagination1>ul>li.pagination-prev span.pagenav,
.pagination1>ul>li.pagination-next span.pagenav,
.pagination1>ul>li.pagination-end span.pagenav{ border-color:#ddd; color:#5B5B5B; }
.pagination1>ul>li a.pagenav:hover{ text-decoration:none; border-color:#000; color:#000; }

.tagspopular{ margin:20px 0 10px 0; }

.blog-item-tags{padding:10px 0; margin:10px 0; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; }
.blog-item-tags>ul{list-style:none; display:inline-block; margin:0; padding:0; }
.blog-item-tags>ul>li{display:inline-block; padding:0;}

.p_tag .tag-category ul.category{ list-style:none; padding:0; margin:1em 0;}
.p_tag .tag-category ul.category>li{}

.category-module-blog{list-style:none; padding:0; clear:both; }
.category-module-blog>li{ float:left; width:33.3%; padding:10px; }
.category-module-blog>li .mod-articles-category-title { display:block; color:#0B6994; font-size:20px; font-weight:bold; }
@media (max-width: 767px) {
.category-module-blog>li{ float:none; width:100%; }
}

.btn-search{ background-color:#0B6994; color:#fff; }
.btn-search:hover{ background-color:#0393D1; color:#fff; }

.blog-search-results{}
.blog-search-results>.item{ margin:20px 0 40px 0; }
.blog-search-results>.item>.result-title{ margin:0; font-size:24px; }
.blog-search-results>.item>.result-title>a{ color:#0B6994; }
.blog-search-results>.item>.result-title>a:hover{ color:#0B6994; text-decoration:underline; }
.blog-search-results>.item>.result-text{ margin:0; }
/* END BLOG */

/* footer */
.footer{ background:#04425D; padding:30px 0; }
.footer,.footer a{ color:#A2D9F7;}
.footer hr{ border-color:#A2D9F7;}

.footer .text_logo{ font-size:22px; }
.footer .tel-mail .well{ background:#FEFEFE; color:#5B5B5B;  }

.footer .i1, .footer .copy{ display:inline-block; vertical-align:bottom; }
.footer .copy{ padding:0 0 0 50px; }

.footer .adresse{width:265px; float:right; margin-top:10px;}
.footer .adresse dt{width:35px; float:left;}
.footer .adresse dd{margin-left:40px; text-align:left; }

.footer .foot-logo{float:left;}

.list-foot-menu{ list-style:none; padding:0;margin:0;}
.list-foot-menu>li{ display:inline-block; width:32%; vertical-align:top; pad}
@media (max-width:400px) { .list-foot-menu>li{ width:100%;  margin-bottom:20px;  } }
.list-foot-menu>li ul{list-style:none; padding:0;margin:0; }


@media (max-width:767px) {


.footer, .footer *{ text-align:center; }
.footer .foot-logo, .footer .adresse{ float:none; }
.footer .tel-mail{margin-top:10px;}
.footer .adresse{ display:inline-block; float:none;}
.footer .i1, .footer .copy{ margin-bottom:10px; }
.footer .copy{ display:block; padding:0; }
}


.foot2{ background-color:#04425D; height:100%; position:fixed; width:100%; z-index:3;}



/* angebot */
.angebot .in-col { background-color:#fff; padding:0 1em; }
.angebot .panel-heading span{ vertical-align:middle;}
.angebot .panel-heading .btn{ float:right; margin-top:15px; border-radius:20px; padding:5px 40px;}
.angebot .panel-heading .btn input{ display:none; }
.angebot .panel-heading .btn .glyphicon-ok{ margin-right:11px; margin-left:-25px;}
.angebot .panel-heading .btn.btn-default .glyphicon-ok{ display:none; }
.angebot .panel-heading .btn.btn-default{ color:#9D9E9E; }
.angebot .control-label{ font-size:14px; }
.angebot .leitung-checkbox{list-style:none; padding:0;}
.angebot .leitung-checkbox li{ float:left; width:50%;}
.angebot .leitung-checkbox li label{ margin:0; cursor:pointer; font-weight:normal; }
.angebot .leitung-checkbox li label input{ margin-right:5px; }


@media (max-width:767px)  { 
.angebot .panel-heading{text-align:center; } 
.angebot .panel-heading .btn{ float:none; }
}

@media (max-width:550px)  { 
.angebot .leitung-checkbox li{ width:100%;}
}

.item-page{ padding:1em;}
.item-page .page-header{ display:block; margin:0 0px 20px; border-color:#008DD2; color:#008DD2;}
.item-page .page-header:hover {text-decoration:none;}

.item-page h1,.item-page h2,.item-page h3,.item-page h4,.item-page h5,
.item-page h6{ display:inline; font:inherit; margin:0; }

.item-page .h1,.item-page .h2,.item-page .h3,.item-page .h4,.item-page .h5,
.item-page .h6{ font-weight:500; line-height:1.1; }

.item-page .h1{ font-size:36px; }
.item-page .h2{ font-size:30px; }
.item-page .h3{ font-size:24px; }
.item-page .h4{ font-size:18px; }
.item-page .h5{ font-size:14px; }
.item-page .h6{ font-size:12px; }

@media (max-width:767px) { 
.item-page .h1{ font-size:30px; }
.item-page .h2{ font-size:25px; }
.item-page .h3{ font-size:20px; }
.item-page .h4{ font-size:15px; }
.item-page .h5{ font-size:12px; }
.item-page .h6{ font-size:12px; }
}

@media (max-width:550px) { 
.item-page .h1{ font-size:25px; }
.item-page .h2{ font-size:20px; }
.item-page .h3{ font-size:18px; }
.item-page .h4{ font-size:14px; }
.item-page .h5{ font-size:12px; }
.item-page .h6{ font-size:12px; }
}

.impressum dt,.impressum dl{ margin-bottom:5px; }


.kontakt-form{  padding:1em;}
.kontakt-form .page-header{margin:0 0px 20px; border-color:#008DD2; color:#008DD2; }


.carousel-inner > .item > img{width:100%;}
.carousel-indicators{ margin-bottom:0; position:static; width:auto; margin:0; background:#fff; padding:12px 0;}
.carousel-indicators li{ border-color:#5B5B5B; }
.carousel-indicators .active{ background:#5B5B5B; }

.carousel-caption{ display:block; /* width:400px; */ background:rgba(7, 125, 176, 0.8); right:0; left:auto; bottom:40px; text-align:left; padding:10px 80px 10px 10px; }
.carousel-control.left,.carousel-control.right { background-image:none; z-index:11; }

@media (max-width:550px) { 
	.carousel-caption{ width:100%; position:static; padding-top:25px; background:rgba(0, 0, 0, 0.3); }
	.carousel-indicators{ bottom:0; }
}


.home-marken{ overflow:hidden; position:relative; }
.home-marken>ul{  position:relative; list-style:none; margin:0; padding:0; height:111px; width:10000px; left:0%; }
.home-marken>ul>li{ float:left; min-width:176px; }

.cd-top{display:inline-block;position:fixed;bottom:40px;right:40px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow:hidden;white-space:nowrap;background:#042446;color:#fff;text-align:center;font-size:30px;padding:10px;border-radius:40px;line-height:1;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .cd-top:hover{color:#fff;-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible{visibility:visible;opacity:1;}
.cd-top.cd-fade-out{opacity:.5;}
@media (max-width:767px){ 
.cd-top{bottom:20px;right:20px;font-size:20px;padding:5px;border-radius:30px;}
}

.login{}
.login form{ display:inline-block; }
.login .form-horizontal .control-label{text-align:left}
.login .control-group{overflow:hidden;}
.login .control-group .control-label{float:left;width:120px;}
.login .control-group .controls{float:left;}



.vorteile-responsive{}
.list-tabs{ width:100%; background:#fff;}
.list-tabs.fixed{ position:fixed; top:70px; padding-top:1em; z-index:999; }
.list-tabs .container{  }
.list-tabs ul{ list-style:none; margin:0 0 0 15px; padding:0;}
.list-tabs li{ float:left; position:relative; cursor:pointer; text-align:center; margin-right:3em; line-height:1; vertical-align:top; }
.list-tabs li:last-child{margin-right:0;}
.list-tabs li .text{ display:block; font-size:1.5em; padding-bottom:5px; }
.list-tabs li .icon{ position:absolute; width:100%; bottom:-30px; font-size:40px; color:#fff; display:none; }
.list-tabs li:hover .text,
.list-tabs li.active .text{color:#008DD3;}
.list-tabs li.active .icon{ display:block; }


@media (max-width:767px){
.list-tabs li{margin-right:1em;}
.list-tabs li .text{ font-size:1em; }
}


.border-line{ position:relative; border-top:1px solid #04425D; text-align:center; color:#04425D; margin:2em 0; }
.border-line .icon{ position:absolute; width:100%; font-size:25px; line-height:1; bottom:-22px; }

.beispiele_links{background-color:#04425D;padding:1em 0 1em 0}
.beispiele_links .btn{ color:#fff; }
.beispiele_links .btn:hover,
.beispiele_links .btn.active{ background-color:#fff; color:#003045;}

.beispiele_tools{background-color:#003045;padding:5px 0 4px 0}
.beispiele_tools .url-form{margin-top:5px}


.sizer_nav{ list-style:none; margin:0; padding:0; }
.sizer_nav>li{ display:inline-block; vertical-align:bottom; cursor:pointer; margin-right:1em; line-height:1; }
.sizer_nav>li.size_text{ cursor:default; padding:0 0 10px 0; }

.preview_frame{text-align:center;}
.preview_frame div{display:inline-block; background-color:#fff; color:#003045;  border:6px solid #04425D; border-radius:5px; margin:1em 0; }
.preview_frame iframe{border:0; width:300px; height:100px; }
.preview_frame p{margin:1em; }


.percent-bar{ list-style:none; margin:0; padding:0; background:#D9DADA; }
.percent-bar>li{ width:0%; background:#00A0E3; }
.percent-bar>li>span{ display:inline-block; font-size:1.2em; color:#fff; padding:0.5em 1em; }


.p-plus{}
.p-plus .green-ok{ margin-right:10px; }
.p-plus span{ vertical-align:middle; }

.green-ok{background:#8FA323; border-radius:13px; padding:5px; color:#fff;}
.green-ok:before{content:"\e013"; }