/* DIESE CSS-STYLES MIT IN DIE main.css aufnehmen / vorhandene Styles anpassen */
.fr-main {
	overflow-x:hidden;
}

.fr-sticky__content .content {
	height:auto;
	max-height:500px;
	overflow:hidden;
	border:0px none;
	border-bottom:4px solid #ad3a30;
	box-shadow:0px -2px 5px 2px rgba(0,0,0,0.1);
}

.fr-sticky__content .content-large {
	width:520px;
}

.fr-input--no-resize {
	resize:none;
}

.fr-cart-item {
	margin-bottom:0px;
	border-bottom:1px solid #b3b3b2;
}

.fr-cart-item ul .fr-cart-item {
	border-bottom:0px none;
}

.fr-cart-item__body H3 {
	color:#3f7dc0;
}

.fr-cart-item .fr-cart-item__body {
	padding-left:3.7rem;
}

.fr-cart-item.has-child .fr-cart-item__body {
	padding-left:2rem;
}

.fr-cart-item__header {
	padding:6px;
}

.fr-cart-item__header input {
	text-align:center;
}

.fr-cart-item .fr-cart-item::before, .fr-cart-item .fr-cart-item::after, .fr-cart-item .fr-cart-item:not(:last-child)::after {
	left:1.65rem;
}

.fr-cart-item.has-child .fr-cart-item__body {
	margin-left:1.65rem;
}

.fr-cart__title {
	padding:0.75rem 1.25rem;
	border-bottom:1px solid #161718;
	background-color:#252525;
	color:white !important;
	text-transform:uppercase;
	margin-bottom:0px;
}

.fr-cart-item__domain-name {
	color:#3F7DC0;
	border:1px solid #DDDDDD;
	padding:2px 6px;
}


/* order - sidebar - config / addons / cart */

.fr-sidebar {
	color:white;
}

/* order - registry */
#person-type {
	padding:0px;
	border:1px solid #d1d5d6;
	background-color:white;
}

#person-type h3 {
	background:#f2f2f2;
	color:#333;
	border-bottom:1px solid #ccc;
	font-size:.865rem;
	height:2.125rem;
	line-height:2.125rem;
	display:block;
	font-weight:normal;
	margin:0px;
	padding:0rem 1rem;
}

#person-type input {
	margin:.8rem 0rem .8rem 1rem;
}

#btn_to_checkout_p, #btn_to_checkout_c {
	display:none;
}

.hide-pm, #pm_info {
	display:none;
}

#paymentMethod {
	margin:1.25rem;
}

/* order - checkout */

.fr-scrollable--marked {
	border:1px solid #d9dedf;
	background-color:white;
	height:250px;
}

.fr-scrollable--marked.fr-scrollable--y {
	border-bottom:1px solid #d9dedf;
}

.fr-scrollable--marked p, .fr-scrollable--marked li {
	font-size:.8rem;
}

.fr-scrollable--marked ol {
	margin-left:.9rem;
}

#checkout-table td {
	vertical-align:top;
}

#checkout-table th {
	background-color:#3f7dc0;
	color:white;
}

table tfoot tr:first-child td {
	border-top:3px solid #3f7dc0;
}

/* order - addons */

.fr-config .fr-container fieldset p a {
	color:#2b3d4f;
}

fieldset .fr-well--info {
	margin-top:1rem;
	padding:0.5rem 0.8rem;
	border:1px solid #b3b3b2;
	color:#d16259;
	font-size:0.8rem;
} 

/* cookie-bar */

.fr-cookiebar {
	border-bottom:1px solid #414248;
	display:block;
}

.fr-cookiebar p {
	margin-top:.55%;
}

.fr-cookiebar .mobile {
	margin-top:0px;
	text-align:center;
	padding-bottom:10px;
}

/* ALERT BOX */

.alert-box a:not(.close), .alert-box a:not(.close):visited {
	color:white;
	border-bottom:1px solid white;
}

.alert-box a:not(.close):hover, .alert-box a:not(.close):active {
	color:#f3d1cc;
	border-bottom:1px solid #f3d1cc;	
}

/* VPS EDITION PLAN OVERVIEW */

.fr-compare__title {
	margin:0rem -0.9398rem 1.5rem;
}

.fr-compare .content .columns {
	border-right:1px solid #bdc2c3;
}

.fr-list--info dd, .fr-list--info dt {
	border-bottom:1px solid #d9e1e3;
}

.fr-list--info {
	float:left;
}

.fr-list--info:after {
	clear:both;
}

.fr-compare--specialItem {
	background-color:#f7f8f8;
	border:1px solid #b3b3b2;
	font-size:80%;
	padding:5px 10px;
	color:#292b2c;
	display:inline-block;
	width:100%;
	text-align:center;
}

/* TABS - FR-Customizer */

.fr-customizer .tabs .tab-title {
	border-width:0px 3px;
	border-style:solid;
	border-color:#ebeff0;
}

.fr-customizer .tabs .tab-title:first-child, .fr-customizer .tabs .tab-title:last-child {
	border-width:0px;
}

.fr-customizer .tabs dd a, .fr-customizer .tabs dd a:visited {
	background-color:#fafafa;
	color:#727272;
	-webkit-box-shadow: inset 0px -9px 4px -7px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0px -9px 4px -7px rgba(0,0,0,0.05);
	box-shadow: inset 0px -9px 4px -7px rgba(0,0,0,0.05);
}

.fr-customizer .tabs dd a:hover, .fr-customizer .tabs dd a:active {
	background-color:#f5f5f5;
	-webkit-box-shadow: inset 0px -9px 4px -7px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px -9px 4px -7px rgba(0,0,0,0.1);
	box-shadow: inset 0px -9px 4px -7px rgba(0,0,0,0.1);
}

.fr-customizer .tabs dd.active a, .fr-customizer .tabs dd.active a:visited {
	background-color:#fff;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
}



/* TESTIMONIALS */

.fr-panel blockquote div.author {
	color:#4d4d4d;
}

.fr-panel blockquote cite {
	color:#4d4d4d;
}

.fr-section--dark .fr-panel blockquote a:not(.button), .fr-section--dark .fr-panel blockquote a:not(.button):visited {
  	color: #252525;
}
  
.fr-section--dark .fr-panel blockquote a:not(.button):hover {
  	color: #3f7dc0;
}

.fr-section--dark .fr-panel blockquote {
	border:1px dashed #d1d5d6;
	padding-bottom:1rem;
}

.fr-section--dark .fr-panel .fr-review--comment {
	margin-top:1rem;
	padding:0.5rem 0.8rem;
	border:1px solid #b3b3b2;
	color:#d16259;
	font-size:0.8rem;
}  

/* global - story modul - dark */

.fr-section--dark .fr-story {
	background-color:#ebeff0;
	padding:1rem 2rem;
}

.fr-section--dark .fr-story .fr-story__element:last-child {
	display:flex;
}

.fr-section--dark .fr-story__text h3, .fr-section--dark .fr-story__text p {
	color:#252525;
}


/* global - input radio */

.fr-input--radio {
	border-top:1px solid #d9dedf;
	padding:.5rem .0rem;
}

.fr-input--radio:first-child {
	border-top:0px none;
}

.fr-input--radio input {
	vertical-align:top;
	margin-top:5px;
}

.fr-input--radio label span {
	color:#656565;
}

/* global */

.fr-table--auto-columns {
	table-layout:auto;
}

.fr-table--auto-columns th {
	width:1px;
	max-width:auto;
	white-space:nowrap;
}

.fr-table--title-row-grey {
	color:#d16259;
	font-size:1.125rem;
}

.fr-ol--legal li {
	margin-bottom:2.5rem;
}

.fr-ol--legal ol {
	margin-top:.8rem;
}

.fr-ol--legal ol li {
	margin-bottom:.45rem;
}

.fr-ol--legal li ul li {
	margin-bottom:0rem;
}

.orbit-slide-number {
	display:none;
}

.orbit-container .orbit-next, .orbit-container .orbit-prev {
	background-color:#cb4f45;
}

.orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {
	background-color:#ad3a30;
}

.orbit-bullets {
	top:20px;
}

.fr-hero .fr-hero__slider .fr-hero__content {
	padding-bottom:2rem;
}

.text-uppercase {
	text-transform:uppercase;
}

.grecaptcha-badge {
	display:none;
}

.domain-original-price {
	text-decoration: line-through;
	color:#9f9f9f;
}

.domain-discounted-price {
	color:#c73b26;
	font-weight:bold;
}

.domain-offer {
	background-color:#cb4f45;
	color:#ffffff;
	padding:2px 4px;
	display:inline-block;
	margin-bottom:5px;
	font-size:0.75rem;
}

.fr-sidebar__price .domain-offer {
	font-size:100%;
	display:inline;
}

/* global - dark */

#fr-first-section::before {
	display:none;
}

.fr-section--dark .fr-panel .fr-well--info {
	border:1px solid #d1d5d6;
	padding:.5rem .8rem;
	background:#f5f7f8;
}

.fr-section--dark .fr-panel .fr-well--info small {
	color:#757575;
}

.fr-section--dark .fr-panel p a, .fr-section--dark .fr-panel p a:visited {
	color:#3f7dc0;
}

.fr-section--dark .fr-panel p a:active, .fr-section--dark .fr-panel p a:hover {
	color:#2b3d4f;
}

/* global - light */

.fr-section--light .fr-panel .fr-well--info {
	border:1px solid #d1d5d6;
	padding:.5rem .8rem;
	background:#f5f7f8;
}

.fr-section--light .fr-panel .fr-well--info small {
	color:#656565;
}

/* NAVIGATION */

.fr-header__logo img {
	height:auto;
}

.fr-mega__menu ul .fr-mega__title a {
	font-weight:500;
	color:#cb4f45 !important;
}

	/* PRODUCT-CATEGORIES: 2 COLS */
	.fr-feature-list li a p {
		color:#aeb1b3;
	}
	
	.fr-feature-list li a p small {
		color:#c73b26;
	}
	
	.fr-feature-list--coming-soon {
		background:url('../images/icons/product-categories/available_soon_60x60.svg') no-repeat right top;
	}

/* FR-ICON-SET */

.fr-icon {
	background-image:url('../images/icons/fr_icon_set.svg');
	background-repeat:no-repeat;
	height:14px;
	width:14px;
	display:inline-block;
	cursor:help;
}

.fr-icon-dark.fr-icon--question {
	background-position:0px 0px;
}

.fr-icon-light.fr-icon--question {
	background-position:0px -14px;
}
	.fr-section--dark .fr-icon--question:hover {
		background-position:0px -28px;
	}
	.fr-section--light .fr-icon--question:hover {
		background-position:0px -42px;
	}

.fr-icon-dark.fr-icon--info {
	background-position:-14px 0px;
}

.fr-icon-light.fr-icon--info {
	background-position:-14px -14px;
}
	.fr-section--dark .fr-icon--info:hover {
		background-position:-14px -28px;
	}
	.fr-section--light .fr-icon--info:hover {
		background-position:-14px -42px;
	}
	
.fr-icon-dark.fr-icon--plus {
	background-position:-28px 0px;
}

.fr-icon-light.fr-icon--plus {
	background-position:-28px -14px;
}
	.fr-section--dark .fr-icon--plus:hover {
		background-position:-28px -28px;
	}
	.fr-section--light .fr-icon--plus:hover {
		background-position:-28px -42px;
	}

.fr-icon-dark.fr-icon--minus {
	background-position:-42px 0px;
}

.fr-icon-light.fr-icon--minus {
	background-position:-42px -14px;
}
	.fr-section--dark .fr-icon--minus:hover {
		background-position:-42px -28px;
	}
	.fr-section--light .fr-icon--minus:hover {
		background-position:-42px -42px;
	}

.fr-icon-dark.fr-icon--success {
	background-position:-56px 0px;
}

.fr-icon-light.fr-icon--success {
	background-position:-56px -14px;
}
	.fr-section--dark .fr-icon--success:hover {
		background-position:-56px -28px;
	}
	.fr-section--light .fr-icon--success:hover {
		background-position:-56px -42px;
	}

.fr-icon-dark.fr-icon--error {
	background-position:-70px 0px;
}

.fr-icon-light.fr-icon--error {
	background-position:-70px -14px;
}
	.fr-section--dark .fr-icon--error:hover {
		background-position:-70px -28px;
	}
	.fr-section--light .fr-icon--error:hover {
		background-position:-70px -42px;
	}
	
/* FR-FEATURE-LIST - CUSTOM REQUEST */

.fr-feature-list--customRequest {
	margin-top:40px;
}
	
	
/* FR-CHAT */

.fr-chat--badge {
	position:absolute;
	top:-90px;
	display:none;
}

.fr-chat--badge p {
	padding:5px 10px;
	margin:0px;
	background-color:white;
	color:#c73b26;
	box-shadow:0px -2px 5px 2px rgba(0,0,0,0.1);
	display:none;
}

.fr-chat--arrow-down {
	margin-left:10px;
	display:block;
	background:url('../images/icons/chat/fr_icon_arrow-down.svg') no-repeat 0 0 transparent;
	width:20px;
	height:10px;
}

.fr-sticky__links li a.fr-chat--sticky-nav-link {
	display:none;
}

.fr-chat--content-area {
	padding:5px;
	overflow-y:auto;
	height:auto;
	max-height:250px;
	margin-bottom:10px;
}

	.fr-chat--content-area p {
		font-size:0.8rem;
	}
	
	.fr-chat--content-area .date {
		background-color:none;
		font-weight:normal;
		color:#909090;
		font-size:80%;
	}
	
	.fr-chat--content-guest {
		margin: 0px 15% 5px 0px;
		padding:3px 5px;
		background-color:#f2f2f2;
		border-left:3px solid #ecdcda;
	}
	
		.fr-chat--content-guest .author {
			display:inline-block;
			padding:2px 4px;
			margin:3px 0px;
			background-color:#ecdcda;
			border-radius:2px;
			color:#c73b26;
		}
	
	.fr-chat--content-admin {
		margin:0px 0px 5px 15%;
		padding:3px 5px;
		background-color:#f9f9f9;
		border-left:3px solid #dfeaf5;
		color:#2b3d4f;
	}
	
		.fr-chat--content-admin .author {
			display:inline-block;
			padding:2px 4px;
			margin:3px 0px;
			background-color:#dfeaf5;
			border-radius:2px;
			color:#3f7dc0;
		}

/* FOUNDATION: Orbit Slider */

.orbit-container {
	background-color:black;
}


/* CSS-Animations */

.fr-animation--flip-in {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: fr-animation--flip-in;
	animation-name: fr-animation--flip-in;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
	@-webkit-keyframes fr-animation--flip-in {
		0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
		}
		40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		}
		60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
		}
		80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		}
		100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		}
	}
	@keyframes fr-animation--flip-in {
		0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
		}
		40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		}
		60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
		}
		80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		}
		100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
 

.fr-animation--fade-out {
	-webkit-animation-name: fr-animation--fade-out ;
	animation-name: fr-animation--fade-out ;
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  
  @-webkit-keyframes fr-animation--fade-out  {
  0% {opacity: 1;}
  90% {opacity: 0.9;}
  100% {opacity: 0;}
  }
  
  @keyframes fr-animation--fade-out  {
	  0% {opacity: 1;}
	  90% {opacity: 0.9;}
	  100% {opacity: 0;}
  } 
  
/* ################################################################################### HACKS ##################################################################### */
/* ################################################################################### HACKS ##################################################################### */
/* ################################################################################### HACKS ##################################################################### */


/* Hacks: IE 10, IE 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.fr-hero__item {
		display:block;
		position:relative;
	}
	.fr-hero__content {
		display:block;
		position:absolute;
		bottom:0px;
		left:0;
		right:0;
		margin:0 auto;
		height:auto;
	}
	.fr-story__image img {
		width:100%;
	}
	.fr-image-list li img {
		width:100%;
	}
}

/* ################################################################################### SCREEN-SIZES ##################################################################### */
/* ################################################################################### SCREEN-SIZES ##################################################################### */
/* ################################################################################### SCREEN-SIZES ##################################################################### */

/* max-width 480 */
@media only screen and (max-width: 30em) { 
	
	/* TYPO */
	.fr-hero__content.fr-hero__content--text h2 {
		font-size:1.3rem;
	}
	.fr-hero__content.fr-hero__content--text .fr-hero__highlight {
	    font-size:1rem;
	    line-height:1.7;
	}
	.fr-hero__content.fr-hero__content--text .fr-hero__subtitle {
		font-size:0.85rem;
		line-height:1.5;
	}
	.fr-hero__content--text .button {
		font-size:0.8rem;
	}
	
	.fr-story__text h3 {
		font-size:1.1rem;
	}
	
	/* ORBIT SLIDER */
	.orbit-container .orbit-slides-container {
		margin:0px 0px 20px 0px;
	}
	
	/* Product-Feature-List */
	.fr-feature-list li img {
		margin:0;
	}
	.fr-feature-list--coming-soon {
		background-size: 35px 35px;
	}
	
	/* BUTTONS */
	.fr-hero__content.fr-hero__content--text .button {
		display:block;
		margin:4px 0;
	}
	
	/* FR-STORY-MODUL */
	.fr-story__image img, .fr-story__text img {
		padding:0;
	}
	
	/* PRICING TABLE */
	
		/* FR-SPECIAL-FLAGS: Über dem Editions- / Produktnamen */
		.fr-special__container {
			margin-top:50px;
		}
		
		/* Edition overview: button for edition detail */
		ul.pricing-table {
			margin-bottom:1px;
		}
	
		ul.pricing-table li.bullet-item {
			display:inherit;
		}
		
		/* Produkt-Name */
		.fr-compare__info h3 {
			font-size:1.1rem;
		}
		
		/* Abstand zwischen den Produktdetails */
		.fr-compare__info {
			margin-top:0px;
		}
		
		.fr-list--info dt, .fr-list--info dd {
			font-size:0.8rem;
		} 
		
		.reveal-modal .close-reveal-modal {
			top:.025rem;
			top:.0.5rem;
			font-size:2rem;
		}
	
}

/* min-width 480 and max-width 768px */
@media only screen and (min-width: 30em) and (max-width: 48em) {
	
	/* TYPO */
	.fr-hero__content.fr-hero__content--text h2 {
		font-size:1.5rem;
	}
	.fr-hero__content.fr-hero__content--text .fr-hero__highlight {
	    font-size:1.2rem;
	}
	.fr-story__text h3 {
		font-size:1.6rem;
	}
	
	/* ORBIT SLIDER */
	.orbit-container .orbit-slides-container {
		margin:0px 0px 10px 0px;
	}
	
	/* Product-Feature-List */
	.fr-feature-list li {
		width:100%;
		flex-direction:row;
	}
	
	.fr-feature-list li img {
		margin:0;
		max-height:7rem;
		height:7rem;
	}
	.fr-feature-list li a {
		width:100%;
		text-align:left;
	}
	.fr-feature-list--coming-soon {
		background-size: 45px 45px;
	}
	
	/* FR-STORY-MODUL */
	.fr-story__image img, .fr-story__text img {
		padding:0;
	}
}