/* ==========================================================================
   media queries
   ========================================================================== */

.breakpoint {
	background: #f30;
	border-radius: 0;
	bottom: 20px;
	color: #fff;
	display: none;
	font-size: 11px;
	left: 20px;
	letter-spacing: 3px;
	line-height: 19px !important;
	opacity: 1;
	padding: 0 10px 1px;
	position: fixed;
	text-align: center;
	width: auto;
	z-index: 1000;
}

.breakpoint:before { content: "default" }


/* min 480px */
@media only screen and (min-width: 480px) {
	.breakpoint { background: #6cf; }
	.breakpoint:before { content: "min 480px" }

/*	.column--25 { width: 50%; }
	.column--75 { width: 50%; }*/
}


/* min 768px */
@media only screen and (min-width: 768px) {
	.breakpoint { background: #6c0; }
	.breakpoint:before { content: "min 768px" }

	/* general */
	html { font-size: 18px; line-height: 28px; }
	/*.to-1200 { display: none; }
	.from-1200 { display: block; }*/

	/* pageheader */
	.logo-big { height: 18.65vw; width: 33.07vw; /*height: 358px; width: 635px;*/ }
	.next-btn { display: block; bottom: 50px; position: absolute; height: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90px; }
	.header-video { height: 56.25vw }
	.header-video__iframe { height: 56.25vw; }
	.header-img { height: 416px; margin: 96px 0 133px; }

	/* content stuff */
	.fullwidth-mobile { margin-left: 0; margin-right: 0; }

	/* font settings*/
	p { margin: 0 0 50px; }
	p.text-center { text-align: center; }
	ul { margin: 0 0 50px; }
	ul.ul-no-margin-top { margin-top: -50px; }
	.t5 { font-size: 60px; line-height: 65px; margin: 0 0 90px; }
	.t6 { font-size: 60px; line-height: 65px; margin: 0 0 90px; text-align: center; }
	.t6-line { background: url('/fileadmin/passiveattack/img/two-px--blue.svg') repeat-x left center; background-size: auto; text-align: center; }
	.t6-line span { background: #fff; display: inline-block; padding: 0 20px; }
	.t7 { font-size: 60px; line-height: 65px; margin: 0 0 50px; }
	.t8 { font-size: 60px; line-height: 65px; margin: 0 0 50px; }
	.t9 { font-size: 40px; line-height: 45px; margin: 0 0 30px; }
	.t10 { font-size: 40px; line-height: 45px; margin: 0 0 30px; }
	.t11 { font-size: 32px; line-height: 40px; margin: 0 0 10px; }
	.t13 { font-size: 30px; line-height: 40px; }
	.t14 { font-size: 30px; line-height: 40px; }
	.t15 { font-size: 30px; line-height: 40px; }
	.t16 { font-size: 30px; line-height: 40px; }
	.t17 { font-size: 18px; line-height: 25px; }
	.t18 { font-size: 18px; line-height: 25px; }

	/* content-frames/-layouts */
	.frame-layout-1 { padding: 0 15%; } /* «eng» */
	.frame-layout-3 { width: 50%; }

	/* nav-sub */
	.nav-sub { clear: both; display: block; list-style: none; margin: 0 0 50px; padding: 0; text-align: center; }
	.nav-sub__item { display: inline-block; margin: 0 30px; }

	/* pagefooter */
	.pagefooter__col-wrap { float: left; width: 50%; }
	.pagefooter__col { float: none; }
	.pagefooter__col1 { width: 100%; }
	.pagefooter__col2 { width: 100%; }
	.pagefooter__col3 { width: 100%; }
	.pagefooter__col4 { width: 100%; }
	.pagefooter__col5 { text-align: left; width: 100%; }

	/* column settings */
	.columns { margin: 0 -20px; overflow: hidden; }
	.column { float: left; padding: 0 20px; min-height: 1px; }
	.columns--equal-h { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 50px; }
	.columns--equal-h .ge-box { margin-bottom: 0; }
	.columns--equal-h .column { margin: 0 20px; padding: 0; }
	.column--25 { width: 25%; }
	.column--33 { width: 33.333%; }
	.column--50 { width: 50%; }

	/* gridelements */
	.ge-box { margin-bottom: 50px; padding: 40px; }
	.ge-box--green--narrow { margin-left: auto; margin-right: auto; width: 85%; }
	.ge-offers { width: 100%; }
	.ge-offers__col4 { clear: both; }
	.ge-container-refbox { margin-left: auto; margin-right: auto; width: 85%; }
	.ge-refslider-home { width: 45%; }

	/* ce-elements */
	.ce-bluebox { background: #00778b; margin-bottom: 50px; padding: 60px; }
	.ce-bluebox * { text-align: center; }
	.ce-bluebox__h1 { color: #fff; font-size: 60px; line-height: 65px; margin: 0 0 90px; } /* similiar to .t6 */
	.ce-bluebox__p { color: #fff; font-size: 30px; line-height: 40px; margin: 0; } /* similiar to .t15 */

	.ce-sampleslider { width: 45%; }

	.ce-ref__slider { margin: 0 auto 50px; width: 85%; }
	.ce-ref__bodytext { text-align: center; width: 50%; }

	.ce-ref-home { margin-right: 2px; }
	.ce-ref-home__col1 { float: left; margin: 0; overflow: hidden; width: 50%; }
	.ce-ref-home__col2 { float: left; margin: 0; padding-left: 40px; text-align: left; width: 50%; }
	.ce-ref-home__date { margin-bottom: 10px; }

	.ce-refbox { float: left; margin-bottom: 40px; padding: 0 20px; width: 50%; }

	.frame-layout-2 .ce-bundle { margin-left: auto; margin-right: auto; width: 85%; }
	.ce-bundle { margin-bottom: 100px; }
	.ce-bundle__col { float: left; }
	.ce-bundle__col--1 { margin-right: 5%; width: 30%; }
	.ce-bundle__col--2 { width: 65%; }
	.ce-bundle__h2 {  }
	.ce-bundle__box { margin-bottom: 50px; padding: 15px; }
	.ce-bundle__slider { height: 165px; }
	.ce-bundle__slide { margin-right: 15px; width: 176px; }

	/* flickity */
	/*.fullwidth-mobile .flickity-prev-next-button.previous { left: -60px !important; }*/
	/*.fullwidth-mobile .flickity-prev-next-button.next { right: -60px !important; }*/
	.frame-layout-3 .flickity-prev-next-button.previous { left: -60px !important; }
	.frame-layout-3 .flickity-prev-next-button.next { right: -60px !important; }
}


/* min 960px */
@media only screen and (min-width: 960px) {
	.breakpoint { background: #c05; }
	.breakpoint:before { content: "min 960px" }
}

/* min 1024px */
@media only screen and (min-width: 1024px) {
	.breakpoint { background: #5c5; }
	.breakpoint:before { content: "min 1024px" }
}

/* min 1200px */
@media only screen and (min-width: 1200px) {
	.breakpoint { background: #f90; }
	.breakpoint:before { content: "min 1200px" }

	/* pageheader */
	.pageheader { height: 130px; }
	.logo { height: 93px; margin: 20px 0 0 5%; width: 165px; }
	.logo-home { display: block; }
	.menu-btn { display: none; }
	.header-img { margin-top: 130px; }

	/* nav-main */
	.nav-main { color: #fff; display: block; font-size: 20px; right: 5%; top: 68px; position: absolute; }
	a.nav-main__a { color: #fff; }
	a.nav-main__a:hover,
	a.nav-main__a--active { color: #8c7d69; text-decoration: none; }
	.nav-main-l1 { list-style: none; margin: 0; padding: 0; }
	.nav-main-l1__item { float: left; }
	a.nav-main-l1__a { display: inline-block; padding: 17px 30px; }
	.nav-main-l1__icon { display: inline-block; height: 10px; margin-left: 10px; width: 15px; }
	.nav-main-l2 { list-style: none; margin: 0 0 0 0; padding: 0; }
	.nav-main-l2__item { background: #000; width: 260px; }
	a.nav-main-l2__a { padding: 15px 30px; }
	/*a.nav-main-l2__a--first { padding-top: 20px; }
	a.nav-main-l2__a--last { padding-bottom: 30px; }*/
	.nav-main-l2__item--first a { padding-top: 20px; }
	.nav-main-l2__item--last a { padding-bottom: 30px; }
	/* dropdowns mechanics */
	ul.dropdown { position: relative; }
	ul.dropdown ul a { display: block; }
	ul.dropdown li > ul { display: block; opacity: 0; padding-top: 0; position: absolute; top: 100%; visibility: hidden; z-index: 1; -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear; transition: visibility 0s linear 0.2s, opacity 0.2s linear; }
	ul.dropdown li:hover > ul { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }
	ul.dropdown ul li { display: list-item; float: none; position: relative; }

	/* pagefooter */
	.pagefooter { font-size: 18px; line-height: 28px; padding: 30px 0; }
	.pagefooter__col-wrap { float: unset; width: unset; }
	.pagefooter__col { float: left; }
	.pagefooter__col1 { width: 17%; }
	.pagefooter__col2 { width: 17%; }
	.pagefooter__col3 { width: 41%; }
	.pagefooter__col4 { width: 17%; }
	.pagefooter__col5 { text-align: right; width: 8%; }
}

@media print,
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 1.25dppx),
	   (min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
	*,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        text-shadow: none !important;
    }

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}