@import "/templates/ts2018/css/font-awesome.min.css";

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Open Sans", "Helvetica", Arial, sans-serif;
	font-size: 16px;
	font-display: block;
	line-height: 1.5;
	margin: 0;
	color: #545451;
	/* -webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; */
}

nav {
	display: block;
}

header {
	display: block;
}

article {
	display: block;
}

section {
	display: block;
}

main {
	display: block;
}

footer {
	display: block;
}

footer h3 {
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 2;
	letter-spacing: 2px;
}

footer div.footerContent {
	padding-top: 2em;
	padding-bottom: 2em;
}

footer div.footerContent hr {
	background: #ffffff;
}

footer div.footerContent ul {
	list-style-type: none;
	line-height: 1.6;
}

footer div.footerContent ul li.someIcons {
	display: inline-block;
	margin: 0 .75em;
}

footer div.footerContent ul li.someIcons:first-child {
	margin-left: 0 !important;
}

footer div.footerContent ul li.someIcons i {
	padding: .25em;
}

footer div.footerContent ul li {
	display: block;
	padding: 0.4em 0;
}

footer div.footerContent ul li a {
	color: #ffffff;
}

footer div.footerContent ul li a:hover {
	color: #f39b04;
}

footer div.footerContent p {
	width: 100%;
}

h1 {
	margin-bottom: 0;
}

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

a:hover {
	color: #f39b04;
	text-decoration: none;
}

p {
	margin-bottom: 0;
	line-height: 1.5;
}

ul {
	list-style-type: square;
}

span.subline {
	font-size: 0.75em;
}

ol {
	padding-left: 2em;
}

iframe {
	border: 0;
	margin-top: 1em;
}

.tarifrechner {
	width: 100%;
	height: 1046px;
}

.floatRight ul {
	float: right;
}

.floatLeft {
	float: left;
}

.extraMargin {
	margin: 1em 0;
}

.marginTop {
	margin-top: 1em;
	padding-bottom: 1em;
}

.marginBottom {
	margin-bottom: 3em;
}

.paddingTop {
	padding-top: 2em;
}

.paddingBottom {
	padding-bottom: 1em;
}

h1.contentMargin {
	margin-bottom: 0.5em;
}

h1.siteHeader {
	color: #545451;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 0.6em;
}

h1#homepageHeader {
	padding-top: 1em;
}

div.toolbar {
	background-color: #f39b04;
	line-height: 2.5em;
}

div.toolbar .container {
	padding: 0;
}

div.toolbarContent ul {
	list-style: none;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0px;
}

div.toolbarContent ul li a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	min-height: 16px;
	padding: 2px 8px;
	transition: all 200ms;
}

div.toolbarContent ul li a:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #f39b04;
}

div.toolbarContent ul li.toolbarContentWhatsApp {
	display: none;
}

div.toolbarContent ul .toolbarContentSupportStartText {
	display: none;
}

span.socialMediaBar {
	font-size: 16px;
	font-style: italic;
	line-height: 16px;
	min-height: 16px;
}

span.socialMediaBar a:hover i {
	color: #f39b04;
}

span.socialMediaBar i {
	color: #545451;
	text-decoration: none;
	font-size: 16px;
	padding: 2px 4px;
}

.modal-content {
	border: 2px solid #283682;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.iconImage {
	font-size: 4em;
	color: #f39b04;
}

.modal-dialog {
	margin: 300px auto;
}

.ekomi-Widget {
	max-width: 223px;
}

button.close {
	color: #283682;
	opacity: 1;
	font-size: 2rem;
}

button.close:hover {
	cursor: pointer;
	color: #f39b04;
}

h5.modal-title {
	color: #283682;
	font-weight: 600;
}

.imgModal {
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
}

a.modalNumber {
	display: block;
	color: #283682;
	text-align: center;
	font-size: 1.5em;
}

a.modalNumber:hover {
	text-decoration: none;
	color: #f39b04;
}

p.notificationText {
	font-size: 0.8em;
	font-style: italic;
}

div.logo {
	background: #ffffff;
	color: #545451;
}

div.logo .container .row {
	align-items: center;
}

div.trustElements {
	display: none;
}

div.trustElements ul {
	display: flex;
	align-items: center;
	/* justify-content: center; */
	justify-content: flex-end;
	gap: 20px;
	list-style-type: none;
	margin-bottom: 0;
}

div.container ul.contentList {
	margin-left: 2rem;
}

div.container ul.contentList ul {
	margin-left: 1.5rem;
}

div.container h2 {
	line-height: 1.5;
	padding-bottom: 0.4em;
	padding-top: 0.8em;
}

div.container h3 {
	line-height: 1.5;
	padding-bottom: 0.4em;
	padding-top: 0.5em;
}

div.container h3.helpHeadline {
	font-size: 2rem;
	color: #f39b04;
	padding-top: 0.8em;
}

div.infoIcon {
	max-height: 80px;
}

div.infoIcon span.fa {
	vertical-align: middle;
	padding-right: 15px;
	padding-top: 6px;
	color: #f39b04;
	display: block;
	float: left;
	font-size: 2em;
}

ul.contentListCheck {
	list-style-type: none;
}

ul.contentListStyleTypeNone li::before {
	display: none !important;
}

ul.contentListCheck>li:before {
	content: "\f00c";
	font-family: "FontAwesome";
	float: left;
	margin-left: -1.5em;
	color: #f39b04;
}

ul.contentListCheck.contentListCheckBlue>li:before {
	color: #283682;
}

ul.contentListCheck li>i.fa-info-circle {
	color: #f39b04;
}

ul.contentListCheck li>i.fa-info-circle:hover {
	cursor: pointer;
	color: #283682;
}

img.beitragImage {
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
}

div.detailsContent p {
	padding-top: 1em;
}

div.boxWarning {
	border: 1px solid #f39b04;
	margin-bottom: 1em;
	padding-top: 1em;
}

div.bewertungenContent {
	position: relative;
	top: 2em;
	display: block;
	padding: 0.5em 1em;
	width: 100%;
	text-align: center;
}

div.bewertungenContent img {
	display: block;
	margin: 1em auto;
}

div.bewertungenContent i {
	color: #f39b04;
	font-size: 1.2em;
}

div.bewertungenContent div {
	padding-top: 1em;
}

.container .tableTwoColumns {
	padding-bottom: 1em;
}

.textAlert {
	color: #ff0000;
}

/* wenn dann eher borderColorTsBlue?
   wird das ueberhaut genutzt? */
.borderTsBlue {
	border-color: #283682 !important;
}

div.expertTip {
	margin-bottom: 2em;
	margin-top: 2em;
	border: 1px solid #f39b04;
	/* wird #54cf61 grün noch benutzt? */
	background: #ffffff;
}

div.expertTip.tsYoungExpertTip {
	outline: 1px solid;
}

div.expertTip.tsYoungExpertTip .tarifBox {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 2.5em;
	overflow: visible;
}

div.expertTip.tsYoungExpertTip .tarifBox p {
	margin: 0 1em;
	padding-left: 2.5em !important;
}

div.expertTip.tsYoungExpertTip .tarifBox .tarifBoxContent {
	display: block;
	margin: 0 3em;
}

div.expertTip.tsYoungExpertTip .tarifBox .btn {
	display: block;
	margin: 0 auto !important;
	margin-bottom: 1em !important;
	width: 60%;
}


div.expertTip.tsYoungExpertTip .imageOverlay {
	position: absolute;
	top: -3.5em;
	left: 50%;
	transform: translateX(-50%);
}

div.expertTip.AkvExpertTip {
	background: unset;
	border: 0;
}

div.expertTip.AkvExpertTip .tarifBox {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 2.5em;
	overflow: visible;
}

div.expertTip.AkvExpertTip .tarifBox p {
	margin: 0 1em;
}

div.expertTip.AkvExpertTip .tarifBox .tarifBoxContent {
	display: block;
	margin: 0 3em;
}

div.expertTip.AkvExpertTip .imageOverlay {
	position: absolute;
	top: -3.5em;
	left: 50%;
	transform: translateX(-50%);
}

div.orangeBox {
	border: 3px solid #f39b04;
	padding: 1em;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	margin-bottom: 2em;
	background: #ffffff;
}

div.orangeBox ul {
	margin-bottom: 0;
}

div.blueBox {
	border: 3px solid #283682;
	padding: 1em;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	margin-bottom: 2em;
	background: #ffffff;
}

div.blueBox ul {
	margin-bottom: 0;
}

div.greyBox {
	border: 1px solid #ebebeb;
	padding: 2em;
	margin-bottom: 2em;
	background: #f6f6f5;
}

div.contentArea {
	background: #ffffff;
	color: #545451;
	height: auto;
	padding-top: 1.6em;
	padding-bottom: 1.6em;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	margin-top: 0.2em;
}

div.content p {
	padding-bottom: 1em;
}

div.content>ul {
	line-height: 1.5;
	padding-left: 2em;
	list-style: none;
}

div.content>ul>li {
	margin-bottom: 0.4em;
}

div.content>ul>li:before {
	content: "\f00c";
	font-family: "FontAwesome";
	float: left;
	margin-left: -1.5em;
	color: #f39b04;
}

div.content>ul>li>i:hover {
	color: #f39b04;
}

div.footerArea {
	background-color: #283682;
	color: #ffffff;
	height: auto;
}

div.footerArea h3 a {
	color: #ffffff;
}

div.footerArea h3 a:hover {
	color: #f39b04;
}

div.introContentImage img {
	width: 100%;
	height: auto;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

div.contentReiseruecktritt>div.container>h1 {
	color: #ffffff;
	text-shadow: 0 2px 5px #000000;
	background: rgba(255, 255, 255, 0.35);
	padding: 0.5em;
}

h2>i {
	color: #f39b04;
}

h3>i {
	color: #f39b04;
}

h3.reisewarnungInfo {
	padding: 0.5em;
	background-color: #f39b04;
	border-radius: 10px;
	box-shadow: 0px 0px 10px black;
	color: white;
}

h3.reisewarnungInfo>i {
	color: #283682;
}

.headerImg {
	position: relative;
	text-align: center;
	color: #ffffff;
}

.imgCenter {
	margin: 0 auto;
	display: block;
}

div.headerImg img {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	position: relative;
	display: block;
	margin-top: -1em;
}

.topLeft {
	position: absolute;
	bottom: 20px;
	left: 40px;
	z-index: 1;
}

div.menuBarShadow {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	z-index: 5;
}

h3.tarifHead {
	border-bottom: 1px solid #f39b04;
	margin-bottom: 0.8em;
}

div.indexList {
	color: #545451;
	padding: 0 5px 20px 20px;
	margin: 2em auto 1em auto;
}

div.indexList a {
	color: #283682;
}

div.indexList a:hover {
	color: #f39b04;
}

div.indexList>h3 {
	padding-bottom: 0.5em;
	padding-top: 0 !important;
}

div.indexList>ul {
	line-height: 1.5;
	padding-left: 1.8em;
	list-style: none;
}

div.indexList>ul>li {
	margin-bottom: 0.4em;
}

div.indexList>ul>li:before {
	content: "\f18e";
	font-family: "FontAwesome";
	float: left;
	margin-left: -1.5em;
	color: #f39b04;
}

div.indexListWiki {
	color: #545451;
	padding: 0 5px 20px 20px;
}

div.indexListWiki a {
	color: #283682;
}

div.indexListWiki a:hover {
	color: #f39b04;
}

div.indexListWiki>h3 {
	padding-bottom: 0.5em;
	padding-top: 0 !important;
}

div.indexListWiki>ul {
	line-height: 1.5;
	padding-left: 1.8em;
	list-style: none;
}

div.indexListWiki>ul>li {
	margin-bottom: 0.4em;
}

div.indexListWiki>ul>li:before {
	content: "\f18e";
	font-family: "FontAwesome";
	float: left;
	margin-left: -1.5em;
	color: #f39b04;
}

.flex-container {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div.heroBoxes {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	border: 1px solid #f6f6f5;
	border-radius: 5px;
	margin: 0.5em auto;
	transition: all 300ms ease-in-out;
	background: #ffffff;
	width: 100%;
	display: block;
}

div.heroBoxes:hover {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
	border: 1px solid #283682;
	font-weight: 700;
}

div.heroBoxes img {
	width: 55px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 2;
}

div.heroBoxes span {
	vertical-align: middle;
	padding-left: 0.5em;
	font-size: 1em;
	color: #283682;
	line-height: 5;
}

div.heroPanel a {
	text-decoration: none;
	color: #545451;
	display: flex;
}

.panelBox {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

a.panelBoxTextlink {
	color: #545451;
}

div.panelBox a.calculateBtn {
	text-align: center;
	color: #ffffff;
	background: #f39b04;
	padding: 1em;
	display: block;
	margin-top: 20px;
	position: relative;
}

div.panelBox a.calculateBtn:hover {
	background: #ffffff;
	border: 1px solid #f39b04;
	color: #f39b04;
}

div.panelBox a.calculateBtn::before {
	content: "\f1ec";
	font-family: FontAwesome;
	padding-right: 10px;
}

.recoButton {
	min-width: 310px;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	transition: background 0.5s ease;
}

.backgroundGrey {
	background: #f6f6f5;
	padding-bottom: 2em;
}

.backgroundWhite {
	background: #ffffff;
	padding-bottom: 2em;
}

div.backgroundWhite p,
div.backgroundGrey p {
	padding-bottom: 2em;
}

div.serviceBox {
	border: 1px solid #ebebeb;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	background: #ffffff;
	padding: 1em;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: start;
}

/* Link Button immer an unterster Stelle */
.serviceBox a.btn {
	margin-top: auto;
}

div.serviceBox span.productHeadline {
	color: #f39b04;
}

div.serviceBox span.productHeadline:hover {
	color: #283682;
}

div.serviceBox a.btn-primary::before {
	content: "\f101";
	font-family: "FontAwesome";
	padding-right: 5px;
}

.cookie-disclaimer {
	background: #545451;
	color: #ffffff;
	opacity: 0.95;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 0;
	min-height: 60px;
	position: fixed;
	padding: 0.5em;
}

.cookie-disclaimer h4 {
	font-size: 1em;
}

.cookie-disclaimer p {
	font-size: 0.8em;
	line-height: 1.6em;
}

.cookie-disclaimer a {
	color: #f39b04;
}

.cookie-disclaimer a:hover {
	text-decoration: underline;
}

div.startHeight {
	min-height: 500px;
}

div.travelinsuranceHeight {
	min-height: 500px;
}

div.specialproductHeight {
	min-height: 430px;
}

div.specialproductHeightUK {
	min-height: 265px;
}

#tarifuebersicht .card-body {
	padding: unset !important;
}

div.productBox {
	box-shadow: unset !important;
	border: unset !important;
	margin: 1em auto;
	display: block;
	position: relative;
	transition: all 300ms ease-in-out;
	background: #ffffff;
}

div.productBox a.btn-secondary {
	display: block;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	box-shadow: none;
}

div.productBox a.btn-secondary:hover {
	color: #f39b04;
	background: #ffffff;
}

div.productBox img {
	height: auto;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}

div.productBox h4 {
	padding-top: 0.5em;
}

div.productBox span {
	width: 100%;
}

div.productBox p {
	line-height: 1.5;
	overflow: hidden;
	padding-bottom: 1em;
	padding-top: 0.5em;
	hyphens: auto;
}

div.productBox p a {
	color: #283682;
	display: inline;
}

div.productBox p a:hover {
	color: #f39b04;
}

div.productBox ul {
	padding-top: 0.5em;
	list-style-type: none;
}

div.productBox ul li {
	line-height: 1.6;
}

div.productBox ul li::before {
	content: "\f00c";
	font-family: "FontAwesome";
	color: #f39b04;
	display: inline;
}

div.productBox:hover {
	border: 1px solid #f39b04;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}

div.productBox:hover img {
	filter: none;
	transition: all 200ms ease-in-out;
}

div.productBox:hover span.productHeadline {
	color: #f39b04;
	transition: all 300ms ease-in-out;
}

div.productBox:hover .blogReadMoreText {
	color: #f39b04;
	transition: all 300ms ease-in-out;
}

div.panelBox a {
	text-decoration: none;
	color: #545451;
}

span.productHeadline {
	font-size: 1.3em;
	line-height: 1.6;
	color: #283682;
}

span.productHeadline i.fa-info-circle {
	color: #283682;
}

span.productHeadline i.fa-info-circle:hover {
	cursor: pointer;
	color: #f39b04;
}

span.productHeadlineNoImage {
	font-size: 1.3em;
	line-height: 3.6;
	color: #283682;
}

span.productHeadlineNoImage i.fa-info-circle {
	color: #283682;
}

span.productHeadlineNoImage i.fa-info-circle:hover {
	cursor: pointer;
	color: #f39b04;
}

.blogReadMore {
	position: absolute;
	bottom: 3px;
	color: #039;
}

.blogReadMoreText:hover {
	color: #f39b04;
}

.blogDate {
	position: absolute;
	right: 3px;
	bottom: 3px;
	font-size: 9pt;
}

.blogText {
	margin-bottom: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.blogCards .productBox p {
	padding: unset;
}

.blogCards .productHeadline {
	display: block;
	height: 107px;
}

.productBtnContainer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: inherit;
}

div.ribbon {
	position: absolute;
	top: 10px;
	left: -50px;
	transform: rotate(-25deg);
	width: 180px;
	text-align: center;
	padding: 0 2em;
	background: #283682;
	box-shadow: 0 3px 10px -5px #000000;
}

div.ribbon span {
	font-size: 18px;
	letter-spacing: 5px;
	font-weight: bold;
	color: #ffffff;
	line-height: 20px;
}

div.tarifBox {
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #ebebeb;
	margin: 1em auto;
	display: block;
	position: relative;
	transition: all 300ms ease-in-out;
	background: #ffffff;
	overflow: hidden;
}

div.tarifBox:hover {
	border: 1px solid #f39b04;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
	cursor: default;
}

div.tarifBox:hover span.productHeadline {
	color: #283682;
}

div.tarifBox p {
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 0;
}

div.tarifBox p a {
	color: #283682;
	display: block;
	padding-bottom: 1em;
}

div.tarifBox p a:hover {
	color: #f39b04;
}

div.tarifBoxMini {
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #ebebeb;
	margin: 1em auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: block;
	position: relative;
	transition: all 300ms ease-in-out;
	background: #ffffff;
}

div.tarifBoxMini:hover {
	border: 1px solid #f39b04;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}

div.tarifBoxMini>div.tarifBoxHeadlineMini {
	background: #f39b04;
	padding: 1.1em;
}

div.tarifBoxMini>div.tarifBoxHeadlineMini h3 {
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
}

div.tarifBoxMini>div.tarifBoxHeadlineMini h3 i:hover {
	color: #ffffff;
}

div.tarifBoxMini p {
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 0;
}

div.tarifBoxMini p a {
	color: #283682;
	display: block;
	padding-bottom: 1em;
}

div.tarifBoxMini p a:hover {
	color: #f39b04;
}

div.tarifBoxHeadline {
	background: #f39b04;
	padding: 1em;
	width: 100%;
	height: 8em;
}

div.tarifBoxHeadline h2 {
	color: #ffffff;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}

div.tarifBoxHeadline h2 i {
	font-size: 0.6em;
	position: relative;
	top: -10px;
	color: #ffffff;
}

div.tarifBoxHeadline h2 i:hover {
	color: #283682;
}

div.tarifBoxHeadline h3 {
	color: #ffffff;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.4em;
}

div.tarifBoxHeadline h3 i {
	color: #ffffff;
}

div.tarifBoxHeadline h3 i:hover {
	color: #283682;
}

div.tarifBoxHeadline p {
	color: #ffffff;
	text-align: center;
}

div.tarifBoxContent {
	display: flex;
	margin: 0 1em;
	flex-direction: column;
	align-items: center;
}

div.tarifBoxContent p {
	padding: 0 !important;
	text-align: center;
}

.tabs {
	display: flex;
	flex-wrap: wrap;
}

.tabs label {
	order: 1;
	display: block;
	padding: 1rem 2rem;
	cursor: pointer;
	background: #f39b04;
	font-weight: bold;
	transition: background ease 0.2s;
	color: #ffffff;
	margin-bottom: 0;
	margin-right: 0.1em;
}

.tabs .tab {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 1rem;
	background: #ffffff;
	color: #545451;
	border: 1px solid #ebebeb;
}

.tabs input[type="radio"] {
	display: none;
}

.tabs input[type="radio"]:checked+label {
	background: #ebebeb;
	color: #545451;
}

.tabs input[type="radio"]:checked+label+.tab {
	display: block;
}

.navbar-brand,
#mainMenu {
	text-align: center;
}

.navbar-brand img,
#mainMenu img {
	height: auto;
}

@media (max-width: 45em) {

	.tabs .tab,
	.tabs label {
		order: initial;
	}

	.tabs label {
		width: 100%;
		margin-right: 0;
	}
}

#startseitenBackground {
	background-image: url(/images/headers/background-heroArea.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 1em;
}

@media (min-width: 973px) {
	#Deutschlandpaket {
		width: 50em;
	}
}

div.tsTipps {
	background: #ffffff;
	border: 1px solid #54cf61;
}

div.tsTipps h3 {
	padding-top: 0.5em;
}

div.tsTipps p {
	padding-bottom: 0.8em;
}

div.tsTipps img.contentImage {
	padding-top: 15px;
	float: left;
	padding-right: 15px;
}

div.tsBackground {
	background: #ffffff;
	border: 1px solid #ebebeb;
}

div.tsBackground h3 {
	padding-top: 0.5em;
}

div.tsBackground p {
	padding-bottom: 0.8em;
}

div.tsBackground img.contentImage {
	padding-top: 15px;
	float: left;
	padding-right: 15px;
}

ul.tsList {
	padding-left: 2em;
	list-style: disc;
	line-height: 1.5;
}

p.introText {
	padding-bottom: 2em;
}

.navbar-light .navbar-toggler {
	border: none;
	color: #283682;
}

.nav {
	flex-wrap: nowrap;
}

.navbar {
	margin: 0 auto;
	width: 100%;
	padding: 0;
	justify-content: center;
}

div.navigation {
	background: #ffffff;
	color: #545451;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

div.mobile {
	display: none;
}

ul.navbar-nav li:hover {
	background: #f39b04;
}

ul.navbar-nav li:hover>a {
	color: #ffffff;
}

ul.navbar-nav ul {
	list-style: none;
	background-color: #f6f6f5;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	border-bottom: 2px solid #f39b04;
}

ul.navbar-nav ul li {
	position: relative;
}

ul.navbar-nav ul li>ul {
	margin-top: 1px;
}

ul.navbar-nav a {
	font-size: 1em;
	text-decoration: none;
	padding: 12px;
	color: #545451;
	display: block;
	white-space: nowrap;
}

ul.navbar-nav a:hover {
	background-color: #f39b04;
	color: #ffffff;
	text-decoration: none;
}

ul.navbar-nav a:focus {
	background-color: #f39b04;
	color: #ffffff;
	text-decoration: none;
}

ul.navbar-nav a:active {
	background-color: #f39b04;
	color: #ffffff;
	text-decoration: none;
}

ul.navbar-nav ul.nav-child a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 20px;
}

ul.navbar-nav ul.nav-child a:only-child:after {
	content: "";
}

div.jumboBackground {
	width: 100%;
	background: url("/images/headers/background-heroArea.jpg");
	background-size: cover;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	min-height: 40em;
	background-position: top left;
}

.jumboText {
	color: #545451;
	font-weight: 600;
	padding-top: 1em;
	padding-bottom: 0.6em;
	font-size: 2.4em;
}

span.tsOrange {
	color: #f39b04;
}

.colorTsOrange {
	color: #f39b04;
}

span.tsBlue {
	color: #283682;
}

.colorTsBlue {
	color: #283682;
}

.tableBlueStripes.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgb(222 225 242);
}

span.tsMarker {
	background: yellow;
}

span.tsMini {
	font-size: 0.8em;
}

div.startProducts {
	background: rgba(246, 246, 245, 0.8);
	display: block;
}

.tabStart {
	width: 100%;
	padding: 0;
}

.tabStart button {
	display: block;
	color: #545451;
	padding: 20px;
	width: 100%;
	border: none;
	outline: none;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
	background: transparent;
}

.tabStart button img {
	padding-bottom: 10px;
}

.tabStart button:hover {
	background-color: rgba(0, 51, 153, 0.9);
	color: #ffffff;
}

.tabStart button.active {
	background-color: #283682;
	color: #ffffff;
}

.tabcontent {
	padding: 0 1em;
	border-left: none;
	padding-bottom: 2em;
	min-height: 36em;
	max-height: 36em;
}

.tabcontent ul {
	list-style-type: none;
}

.tabcontent ul li {
	margin: 1em 1.5em;
}

.tabcontent ul li::before {
	content: "\f00c";
	font-family: "FontAwesome";
	float: left;
	margin-left: -1.5em;
	color: #f39b04;
}

.tabcontent a.btn {
	color: #ffffff;
}

.tabcontent a.btn:hover {
	color: #ffffff;
}

.tabcontent a.btn::after {
	content: "\f054";
	font-family: "FontAwesome";
	color: #ffffff;
	padding-left: 10px;
}

.tabcontent h3 {
	padding-top: 1em;
}

.breadcrumb {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 5px;
	margin-top: 5px;
}

.breadcrumb li a {
	color: #283682;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

.breadcrumb li:first-child {
	margin-left: -2em;
}

.breadcrumb li.active {
	color: #f39b04;
}

.breadcrumb li>span {
	padding: 0 0.5em;
}

i.breadCrumb {
	color: #545451;
}

.tab-group {
	margin: 1em auto;
	width: 100%;
}

.tab {
	position: relative;
	width: 100%;
}

.tab input {
	left: 0;
	position: absolute;
	top: 0;
	z-index: -999;
}

.tab input:focus+label {
	background: #ebebeb;
	color: #545451;
}

.tab input:focus+label.labelTab {
	background: #283682;
	color: #ffffff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}

.tab input:hover+label {
	background: #ebebeb;
	color: #545451;
}

.tab input:hover+label.labelTab {
	background: #283682;
	color: #ffffff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}

.tab input:checked~.tab-content {
	max-height: 100%;
}

.tab>label {
	background: #ffffff;
	color: #545451;
	cursor: pointer;
	display: block;
	line-height: 3;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-left: 1.5em;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

.tab>label::after {
	content: "\f078";
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	right: 20px;
}

.tab>label.labelTab::after {
	content: none;
}

.tab-content {
	max-height: 0;
	overflow: hidden;
	transition: all 0.35s;
	background: #ffffff;
	margin-bottom: 0.5em;
	margin-top: -0.5em;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.tab-content p {
	margin: 1em 1em;
}

.tab-content h3 {
	margin: 1em 1em;
	margin: 0;
}

.btn {
	margin-bottom: 1em;
}

.btn-primary {
	color: #ffffff;
	background: #283682;
	border: 1px solid #283682;
	padding: 10px 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.btn-primary:hover {
	background: #283682;
	color: #ffffff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
	border-color: #283682;
	cursor: pointer;
}

.btn-secondary {
	color: #ffffff;
	background: #f39b04;
	border: 1px solid #f39b04;
	padding: 10px 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.btn-secondary:hover {
	background: #f39b04;
	color: #ffffff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
	border-color: #f39b04;
	cursor: pointer;
}

button.navbar-toggler {
	padding: 10px;
	color: #545451;
}

span.navbar-toggler-icon {
	color: #545451;
}

.btn-margin {
	margin-top: 1em;
}

button.btn-miniRechner {
	margin: 2em auto;
	font-weight: 600;
	padding: 20px 40px;
}

button.btn-miniRechner::after {
	content: "\f078";
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 18px;
	padding-left: 0.5em;
}

.input-group-addon {
	display: block;
	width: 38px;
	height: 38px;
	background: #ebebeb;
}

.input-group-addon:hover {
	background: #f39b04;
	color: #ffffff;
	cursor: pointer;
}

.input-group-addon span {
	width: 38px;
	line-height: 38px;
	text-align: center;
}

div.btn a {
	color: #ffffff;
}

#accordion {
	padding-top: 1em;
	padding-bottom: 1em;
}

.card.card-block {
	border: 1px solid #283682;
	background: rgba(246, 246, 245, 0.8);
}

.card {
	margin-bottom: 0.5em;
}

.card-header {
	background: #ffffff;
}

.card-header a {
	color: #545451;
	text-decoration: none;
}

.card-header a::after {
	content: "\f078";
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 18px;
	float: right;
}

.card-header.noAccordion {
	background: #fff !important;
}

.card-header.noAccordion a {
	display: inline-block;
	color: #283682;
}

.card-header.noAccordion a::after {
	display: none;
}

.card-header.noAccordion .btn {
	color: #fff;
}

.card-header:hover {
	background: #ebebeb;
}

div.collapse>div.expertTip {
	border: 1px solid #54cf61;
	margin-bottom: 0;
}

.card-block {
	padding: 1em;
}

div.card-block ul {
	padding-left: 1em;
}

div.card-block ul ul {
	list-style-type: circle;
	padding-left: 1em;
}

div.card-block a {
	color: #283682;
	font-size: 1em;
}

div.card-block a:hover {
	color: #f39b04;
	text-decoration: none;
}

div.card-block a i {
	padding-right: 5px;
}

td.wordBold {
	font-weight: 600;
	width: 25%;
}

.tableTwoColumns {
	column-count: 2;
	column-gap: 4em;
}

.social li {
	line-height: 3;
	padding: 0;
}

.social li a {
	color: #545451;
}

.social li a:hover {
	color: #f39b04;
}

.social li a i {
	font-size: 18px;
	margin: 0 0 0 0;
	color: #ffffff;
}

.social li a i:hover {
	color: #f39b04;
}

label.labelTab {
	background: #283682;
	color: #ffffff;
	text-align: center;
	width: 50%;
	margin: 0 auto;
}

.miniRechnerContentbox {
	margin-top: 1.5em;
}

p.miniRechnerContent {
	margin: 0;
}

h2.formHeadline {
	color: #283682;
}

h3.formSubline {
	color: #f39b04;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

a.cd-top {
	color: #ffffff;
	text-align: center;
	display: block;
	vertical-align: middle;
	font-size: 1.2em;
	line-height: 3em;
}

.cd-top {
	display: inline-block;
	height: 45px;
	width: 45px;
	position: fixed;
	bottom: 5em;
	right: 1em;
	overflow: hidden;
	z-index: 1;
	white-space: nowrap;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
	background: #283682 url("/images/icons/icn-cd-top.svg") no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 50%;
}

.cd-top:hover {
	background: #f39b04 url("/images/icons/icn-cd-top.svg") no-repeat center 50%;
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	opacity: 1;
}

.no-touch .cd-top:hover {
	background-color: #283682;
	opacity: 1;
}

.ui-datepicker .ui-datepicker-header {
	padding: 0.5em 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.ui-widget-header {
	border: 0;
	background: #f39b04;
}

.ui-datepicker .ui-datepicker-title select {
	margin: 1px 5px;
}

.ui-widget.ui-widget-content {
	border: 1px solid #f6f6f5;
	background: #f6f6f5;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 8px;
}

.ui-datepicker {
	padding: 0;
}

.ui-widget-content {
	color: #545451;
}

.ui-widget {
	font-family: "Open Sans", "Helvetica", Arial, sans-serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Open Sans", "Helvetica", Arial, sans-serif;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	color: #545451;
}

div.onlinemeldung {
	z-index: 1;
	position: fixed;
	background: #f39b04;
	bottom: 0;
	left: 140px;
	color: #ffffff;
	padding: 1em 2em;
	transition: all 0.6s;
}

div.onlinemeldung:hover {
	cursor: pointer;
}

div.onlinemeldung span {
	font-weight: bold;
}

div.onlinemeldung a {
	color: #ffffff;
}

.onlinemeldungImg {
	margin: 1rem auto;
	text-align: center;
	display: block;
}

.onlinemeldungBody,
.onlinemeldungFooter {
	background: #f39b04;
	width: 100%;
}

.onlinemeldungBody .btn,
.onlinemeldungFooter .btn {
	display: block;
	margin: 0.5rem auto;
}

div.onlinemeldungDialog {
	position: fixed;
	bottom: 0;
	margin-bottom: 0px;
	left: 120px;
}

.modal-backdrop.show {
	display: none;
}

.modal-dialog {
	margin: 400px auto;
}

.modal-footer {
	border-top: 0;
	margin: 0 auto;
}

.fazitContainer {
	margin-bottom: 1em;
	border: 1px solid #54cf61;
	background: #fff;
	padding: 1% 1% 0 1%;
}

@media (max-width: 432px) {
	.productBox {
		width: 285px !important;
	}
}

@media (max-width: 544px) {

	h3.helpHeadline,
	p.miniRechnerContent,
	h3.formSubline,
	h2.formHeadline {
		text-align: center;
	}

	a.navbar-brand img {
		margin: 0 auto;
		width: auto;
		/* width: 60%; */
		height: 70px;
		display: block;
	}

	.breadcrumb {
		display: none;
	}

	a.cd-top {
		display: none;
	}

	h1 {
		font-size: 30px;
		line-height: 1.6em;
	}

	.contentMargin {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
	}

	div.bewertungenContent {
		display: none;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 18px;
	}

	.recoButton {
		min-width: 0;
	}

	div.tableTwoColumns {
		column-count: 1;
		column-gap: normal;
	}

	div.startHeight {
		min-height: 0;
	}

	.tabcontent ul li {
		text-align: center;
	}

	.tabcontent ul li:before {
		color: #ffffff;
		margin-left: 0;
		float: none;
		display: block;
		text-align: center;
		background: #f39b04;
		width: 2em;
		height: 2em;
		border-radius: 2em;
		vertical-align: middle;
		margin: 0 auto;
		margin-bottom: 0.5em;
		line-height: 2;
	}

	div.tabStart {
		margin-bottom: 1em;
	}

	div.tabStart button img {
		padding-bottom: 0;
	}

	.btn {
		white-space: normal;
		margin-bottom: 2em;
		width: 100%;
	}

	p.jumboContent {
		width: 100%;
		text-align: center;
	}

	div.heroBoxes img {
		display: block;
		height: auto;
		text-align: center;
		margin: 1em auto;
	}

	div.heroBoxes span {
		text-align: center;
		display: block;
	}

	.card-header h5 {
		font-size: 1em;
	}

	button.btn-miniRechner {
		width: 100%;
	}

	div.productBox p {
		text-align: center;
		display: block;
	}

	div.productBox span {
		display: block;
	}

	div.col-2 {
		display: none;
	}

	div.col-10 {
		flex: 100%;
		max-width: 100%;
		text-align: center;
	}

	div.startProducts {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	div.tabStart {
		max-height: 200px;
	}

	.tabStart button {
		display: block;
	}

	.tabStart button span {
		display: none;
	}

	.col-lg-3 {
		max-width: 100%;
		flex: 100%;
	}

	div.onlinemeldung {
		display: none;
	}

	.footerArea .social.text-left,
	.footerArea .social.text-right {
		text-align: center !important;
	}
}

@media (max-width: 768px) {
	a.cd-top {
		display: none;
	}

	h1 {
		font-size: 30px;
		line-height: 1.6em;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 18px;
	}

	.btn {
		white-space: normal;
		margin-bottom: 1em;
	}

	.floatRight {
		float: none;
	}

	div.row>div.col-2 {
		display: none;
	}

	div.col-10.floatRight.toolbarContent ul {
		width: 100%;
		display: block;
		float: none;
	}

	div.bewertungenContent a img {
		max-width: 263px;
		height: auto;
	}

	.navbar-brand {
		margin-right: 0;
	}

	.tabcontent h3 {
		text-align: center;
		font-weight: bold;
	}

	div.startProducts {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	div.tabStart {
		max-height: 200px;
	}

	.tabStart button {
		display: block;
	}

	.tabStart button span {
		display: none;
	}

	.productBox {
		width: 403px;
	}

	.tabcontent {
		min-height: unset;
		max-height: unset;
	}

	#startseitenBackground {
		background: url();
	}

	.blogCards .productHeadline {
		display: revert;
		height: revert;
	}

	.blogCards .blogText {
		margin-top: 17px;
	}

	#Stiftungwarentest .aktuellerHinweis {
		display: none;
	}

	.footerArea .footerContent {
		max-width: unset;
		padding-left: 0;
		padding-right: 0;
	}

	.footerArea .footerContent .footerSecondSection {
		flex-direction: column-reverse;
	}

	.footerArea .footerContent li {
		min-height: 48px;
	}

	.footerArea .social.text-left,
	.footerArea .social.text-right {
		text-align: left !important;
	}

	.footerArea .social li {
		padding: 0;
	}
}

@media (max-width: 992px) {
	a.cd-top {
		display: none;
	}

	div.row>div.col-2 {
		display: none;
	}

	.btn {
		white-space: normal;
		margin-bottom: 1em;
	}

	div.col-10.floatRight.toolbarContent {
		flex: 100%;
		max-width: 100%;
	}

	div.col-10.floatRight.toolbarContent ul {
		width: 100%;
		display: block;
		float: none;
	}

	div.mobile {
		display: block;
	}

	.navbar-nav {
		flex-direction: column;
	}

	div.desktop {
		display: none;
	}

	a.cd-top {
		line-height: 2em;
	}

	div.startProducts {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		margin-bottom: 1em;
	}

	div.tabStart {
		max-height: 200px;
	}

	.tabStart button {
		display: block;
	}

	.tabStart button span {
		display: none;
	}

	#jahresreiseversicherung a.extraMargin {
		margin: 0;
	}

	div.trustElements ul {
		margin: 1em 0;
	}

	.footerArea .footerContent li {
		min-height: 48px;
	}

	.footerArea .kundenbewertungenContainer {
		display: none;
	}
}

.stickyMenu {
	position: sticky;
	top: -1px;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
}

.startseitenh1 {
	font-size: 2em;
	margin-bottom: .25em;
	color: #283682;
	line-height: 1.3em;
}

.startseitenh2 {
	font-size: 1em !important;
}

.weitereReiseversicherungen {
	margin-top: .5em;
}

.startseiteIntroContentContainer {
	margin-bottom: 15em;
}

@media (min-width: 400px) and (max-width: 476px) {
	.startseiteIntroContentContainer {
		margin-bottom: 12em;
	}
}


#startseitenOverlay .overlayContainer,
.overlayTestsiegerContainer {
	padding: 0 1em;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 2vmin;
	width: 24em;
	max-width: 100%;
}

#startseitenOverlay .overlayContainer .overlayContainerContent h3,
.overlayTestsiegerContainer .overlayContainerContent h3 {
	line-height: unset;
	padding: unset;
	font-size: 1.2em;
}

#startseitenOverlay .overlayContainer .overlayContainerContent .overlayContainerTestsieger,
.overlayTestsiegerContainer .overlayContainerContent .overlayContainerTestsieger {
	gap: .25em;
	justify-content: center;
}

.overlaySection .overlayContainer,
#wanderBergsportOverlay .overlayContainer,
#skiSnowboardVersicherungOverlay .overlayContainer,
#camperSorglosOverlay .overlayContainer,
#travelsecureYoungOverlay .overlayContainer,
#reiseabbruchOverlay .overlayContainer,
#reiseruecktrittsOverlay .overlayContainer {
	width: unset;
	max-width: 400px;
	z-index: 1;
	position: static;
	margin-top: 2em;
	transform: unset;
	margin: 0 auto;
}

.overlaySection .overlayContainer .overlayContainerContent,
#wanderBergsportOverlay .overlayContainer .overlayContainerContent,
#skiSnowboardVersicherungOverlay .overlayContainer .overlayContainerContent,
#camperSorglosOverlay .overlayContainer .overlayContainerContent,
#travelsecureYoungOverlay .overlayContainer .overlayContainerContent,
#reiseabbruchOverlay .overlayContainer .overlayContainerContent,
#reiseruecktrittsOverlay .overlayContainer .overlayContainerContent {
	background-color: #ffffffe0;
	position: relative;
	padding-top: .5em;
	font-size: 11pt;
	font-weight: 700;
}

.overlaySection .overlayContainer .overlayContainerContent ul,
#wanderBergsportOverlay .overlayContainer .overlayContainerContent ul,
#skiSnowboardVersicherungOverlay .overlayContainer .overlayContainerContent ul,
#camperSorglosOverlay .overlayContainer .overlayContainerContent ul,
#travelsecureYoungOverlay .overlayContainer .overlayContainerContent ul,
#reiseabbruchOverlay .overlayContainer .overlayContainerContent ul,
#reiseruecktrittsOverlay .overlayContainer .overlayContainerContent ul,
#partnerWerdenOverlay .overlayContainer .overlayContainerContent ul {
	display: block;
	margin: unset;
	margin-left: 1em;
	margin-bottom: 1em;
}

.overlaySection .overlayContainer .overlayContainerContent ul li,
#wanderBergsportOverlay .overlayContainer .overlayContainerContent ul li,
#skiSnowboardVersicherungOverlay .overlayContainer .overlayContainerContent ul li,
#camperSorglosOverlay .overlayContainer .overlayContainerContent ul li,
#travelsecureYoungOverlay .overlayContainer .overlayContainerContent ul li,
#reiseabbruchOverlay .overlayContainer .overlayContainerContent ul li,
#reiseruecktrittsOverlay .overlayContainer .overlayContainerContent ul li,
#partnerWerdenOverlay .overlayContainer .overlayContainerContent ul li {
	background-color: unset;
	color: inherit;
}

.overlaySection .overlayContainer .overlayContainerContent ul li::before,
#wanderBergsportOverlay .overlayContainer .overlayContainerContent ul li::before,
#skiSnowboardVersicherungOverlay .overlayContainer .overlayContainerContent ul li::before,
#camperSorglosOverlay .overlayContainer .overlayContainerContent ul li::before,
#travelsecureYoungOverlay .overlayContainer .overlayContainerContent ul li::before,
#reiseabbruchOverlay .overlayContainer .overlayContainerContent ul li::before,
#reiseruecktrittsOverlay .overlayContainer .overlayContainerContent ul li::before,
#partnerWerdenOverlay .overlayContainer .overlayContainerContent ul li::before {
	content: "■";
	color: orange;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}


#wanderBergsportOverlay picture,
#skiSnowboardVersicherungOverlay picture,
#camperSorglosOverlay picture,
#travelsecureYoungOverlay picture,
#reiseabbruchOverlay picture,
#reiseruecktrittsOverlay picture {
	display: none;
}

.overlaySection#auslaendischeGaesteOverlay picture,
.overlaySection#gruppenreiseOverlay picture {
	display: block;
	width: 100%;
}

.overlaySection picture img,
#wanderBergsportOverlay picture img,
#skiSnowboardVersicherungOverlay picture img,
#camperSorglosOverlay picture img,
#travelsecureYoungOverlay picture img,
#reiseabbruchOverlay picture img,
#reiseruecktrittsOverlay picture img {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.overlaySection picture {
	min-height: 650px;
}

.overlaySection .container-fluid,
#wanderBergsportOverlay .container-fluid,
#skiSnowboardVersicherungOverlay .container-fluid,
#camperSorglosOverlay .container-fluid,
#travelsecureYoungOverlay .container-fluid,
#reiseabbruchOverlay .container-fluid,
#reiseruecktrittsOverlay .container-fluid {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 2em 0;
}

.overlaySection h1,
#wanderBergsportOverlay h1,
#skiSnowboardVersicherungOverlay h1,
#camperSorglosOverlay h1,
#travelsecureYoungOverlay h1,
#reiseabbruchOverlay h1,
#reiseruecktrittsOverlay h1 {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #283682;
	width: 150%;
	max-width: 100%;
	transform: rotate(-2deg);
	font-weight: 800;
	right: 1.5em;
	margin-bottom: 1em;
	font-size: 1.3em;
}



#reiseabbruchOverlay h1,
#reiseruecktrittsOverlay h1 {
	/* width: 134%; */
	max-width: unset;
	font-size: 1.7em;
	margin-bottom: .5em;
}

#auslaendischeGaesteOverlay h1,
#seminarversicherungOverlay h1 {
	max-width: unset;
}

#gruppenreiseOverlay h1 {
	right: 2.5em;
}

.overlaySection h1 span,
#wanderBergsportOverlay h1 span,
#skiSnowboardVersicherungOverlay h1 span,
#camperSorglosOverlay h1 span,
#travelsecureYoungOverlay h1 span,
#reiseabbruchOverlay h1 span,
#reiseruecktrittsOverlay h1 span {
	word-break: normal;
	background-color: white;
	display: inline-block;
	box-shadow: 0px 1px 5px 2px grey;
	font-size: 1.5em;
	padding: 0 .25em;
}

.overlaySection h1 .firstPart,
#wanderBergsportOverlay h1 .firstPart,
#skiSnowboardVersicherungOverlay h1 .firstPart,
#camperSorglosOverlay h1 .firstPart,
#travelsecureYoungOverlay h1 .firstPart {
	margin: .25em 0;
}

.overlaySection h1 span,
#schadenMeldungOverlay h1 span {
	word-break: normal;
	background-color: white;
	display: inline-block;
	box-shadow: 0px 1px 5px 2px grey;
	font-size: 1.4em;
	padding: 0px .25em;
}

#reiseabbruchOverlay h1 .firstPart,
#reiseruecktrittsOverlay h1 .firstPart {
	margin-bottom: .25em;
}

#gruppenreiseOverlay .firstPart {
	/* image icon ist in firstPart drin */
	display: flex;
	align-items: center;
	gap: 0.75em;
}

#au-pairOverlay h1 {
	font-size: 106%;
	width: 130%;
	max-width: unset;
}

#klassenreiseOverlay h1 span {
	padding: 0.25em;
}

.overlaySection h1 img,
#wanderBergsportOverlay h1 img,
#skiSnowboardVersicherungOverlay h1 img,
#camperSorglosOverlay h1 img,
#travelsecureYoungOverlay h1 img,
#reiseabbruchOverlay h1 img,
#reiseruecktrittsOverlay h1 img {
	margin-left: 1em;
}

#reiseabbruchOverlay h1 img,
#reiseruecktrittsOverlay h1 img {
	/* display: block; */
	margin: .5em;
	margin-left: 2em;
}

#gruppenreiseOverlay h1 img,
#klassenreiseOverlay h1 img,
#seminarversicherungOverlay h1 img {

	margin-left: 0;
}

.overlaySection h1 .secondPart,
#wanderBergsportOverlay h1 .secondPart,
#skiSnowboardVersicherungOverlay h1 .secondPart,
#camperSorglosOverlay h1 .secondPart,
#travelsecureYoungOverlay h1 .secondPart,
#reiseabbruchOverlay h1 .secondPart #reiseruecktrittsOverlay h1 .secondPart {
	margin-left: .75em;
	word-wrap: break-word;
}

#reiseabbruchOverlay h1 .secondPart,
#reiseruecktrittsOverlay h1 .secondPart {
	margin-left: unset;
}

.overlaySection h2,
#wanderBergsportOverlay h2,
#skiSnowboardVersicherungOverlay h2,
#camperSorglosOverlay h2,
#travelsecureYoungOverlay h2,
#reiseabbruchOverlay h2,
#reiseruecktrittsOverlay h2 {
	font-size: 1.3rem;
	color: white;
	font-weight: 800;
}

.overlaySection h2 span,
#wanderBergsportOverlay h2 span,
#skiSnowboardVersicherungOverlay h2 span,
#camperSorglosOverlay h2 span,
#travelsecureYoungOverlay h2 span,
#reiseabbruchOverlay h2 span,
#reiseruecktrittsOverlay h2 span,
#partnerWerdenOverlay h2 span {
	background-color: #f39b04;
	margin: .05em 0;
	padding: .15em .25em;
	display: block;
	width: fit-content;
}

.overlaySection h2,
#schadenMeldungOverlay h2 {
	font-size: 1rem;
	color: white;
	font-weight: 800;
	line-height: 1.4;
}

.overlaySection .mehrErfahrenContainer,
#wanderBergsportOverlay .mehrErfahrenContainer,
#skiSnowboardVersicherungOverlay .mehrErfahrenContainer,
#camperSorglosOverlay .mehrErfahrenContainer,
#travelsecureYoungOverlay .mehrErfahrenContainer,
#reiseabbruchOverlay .mehrErfahrenContainer,
#reiseruecktrittsOverlay .mehrErfahrenContainer {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}

.overlaySection .btn,
#wanderBergsportOverlay .btn,
#skiSnowboardVersicherungOverlay .btn,
#camperSorglosOverlay .btn,
#travelsecureYoungOverlay .btn,
#reiseabbruchOverlay .btn,
#reiseruecktrittsOverlay .btn {
	margin-top: 2em;
}

#wanderBergsportOverlay .container-fluid {
	background-image: url('/images/banners/bergwandersportversicherung_550x650px.jpg');
}

#skiSnowboardVersicherungOverlay .container-fluid {
	background-image: url('/images/banners/ski-snowboardversicherung-header.jpg');
}

#jahresreiseOverlay .container-fluid {
	background-image: url('/images/banners/jahresreiseversicherung_travelsecure.jpg');
}

#camperSorglosOverlay .container-fluid {
	background-image: url('/images/banners/camper-sorglos-header.jpg');
}

#travelsecureYoungOverlay img {
	margin-top: 1em;
	max-width: 100%;
	height: auto;
}

#downloadcenterOverlay h1 {
	max-width: 120%;
}

#downloadcenterOverlay .firstPart img {
	margin-right: 1em;
	width: 45px;
	transform: scale(1.3) translateY(-15px);
}

#travelsecureYoungOverlay .container-fluid {
	background-image: url('/images/banners/auslandskrankenversicherung_studenten-header.webp');
}

#reiseabbruchOverlay .container-fluid {
	background-image: url('/images/banners/reiseabbruchversicherung-header.jpg');
}

#reiseruecktrittsOverlay .container-fluid {
	background-image: url('/images/banners/reiseruecktrittSversicherung-header-mobil.webp');
}

#partnerWerdenOverlay .container-fluid {
	background-image: url('/images/banners/travelsecure-partner-werden-header.jpg');
}

#partnerWerdenBusveranstalterOverlay .container-fluid {
	background-image: url('/images/banners/travelsecure-partner-werden-busreiseveranstalter-header.jpg');
}

#busReiseversicherungOverlay .container-fluid {
	background-image: url('/images/banners/travelsecure-busreiseversicherung-header.jpg');
}

@media (max-width: 552px) {
	#reiseruecktrittsOverlay h1 {
		width: 117%;
		font-size: 1.6em;
	}

	#reiseruecktrittsOverlay h1 img {
		margin-left: 0.5em;
	}
}

#klassenreiseOverlay .container-fluid {
	background-image: url('/images/banners/klassenreiseversicherung_768x650.jpg');
}

#au-pairOverlay .container-fluid {
	background-image: url('/images/banners/au-pair-versicherung_768.jpg');
}

#incomingOverlay .container-fluid {
	background-image: url('/images/banners/incoming-versicherung_768.jpg');
}

#downloadcenterOverlay .container-fluid {
	background-image: url('/images/banners/travelsecure-download-center.webp');
}





#affiliate-partnerprogrammOverlay .container-fluid {
	background-image: url('/images/banners/affiliate-partner-programm-header.webp')
}

#seminarversicherungOverlay .container-fluid {
	background-image: url('/images/banners/seminarversicherung-header.jpg')
}

#partnerWerdenSeminarversicherungOverlay .container-fluid {
	background-image: url('/images/banners/partner-werden-seminarversicherung-header.jpg')
}





#reiseversicherungenOverlay .container-fluid {
	background-image: url('/images/banners/reiseversicherungen-header.webp')
}

#reiseversicherungenOverlay .overlayContainer {
	max-width: 425px;
}

#reiseversicherungenOverlay h1 {
	max-width: 110%;
}

#reiseversicherungenOverlay h1 .firstPart,
#reiseversicherungenOverlay h1 .secondPart {
	padding: 0.25em;
}

#reiseversicherungenOverlay h1 img {
	margin-left: 0;
	margin-bottom: 3px;
}

#reiseversicherungenOverlay h2 {
	font-size: 1.2rem;
}

#AuslandskrankenversicherungOverlay .container-fluid {
	background-image: url('/images/banners/auslandskrankenversicherung-header.webp')
}

#AuslandskrankenversicherungenOverlay .container-fluid {
	background-image: url('/images/banners/auslandskrankenversicherungen-header.webp')
}

#AuslandskrankenversicherungenVergleichOverlay .container-fluid {
	background-image: url('/images/banners/auslandskrankenversicherung-vergleich-header.webp')
}

#ReiseruecktrittsversicherungenVergleichOverlay .container-fluid {
	background-image: url('/images/banners/reiseruecktrittSversicherung-header.webp')
}


#ReiseversicherungenVergleichOverlay .container-fluid {
	background-image: url('/images/banners/reiseversicherungen-vergleich-header.webp')
}


#AuslandskrankenversicherungOverlay .overlayContainer,
#AuslandskrankenversicherungenOverlay .overlayContainer {
	max-width: 450px;
}

#AuslandskrankenversicherungenVergleichOverlay .overlayContainer {
	max-width: 415px;
}

#ReiseruecktrittsversicherungenVergleichOverlay .overlayContainer {
	width: 26em;
	max-width: 465px;
}

#gruppenreiseOverlay {
	position: relative;
	display: flex;
	/*overflow: hidden;*/
	justify-content: center;
}

#gruppenreiseOverlay .container {
	position: absolute;
}

#gruppenreiseOverlay picture img {
	width: 100%;
	height: 650px;
	object-fit: cover;
}

#skiSnowboardVersicherungOverlay h1,
#klassenreiseOverlay h1 {
	max-width: 120%;
}

#gruppenreiseOverlay h1 {
	max-width: 137%;
}

#affiliate-partnerprogrammOverlay h1 {
	max-width: unset;
	width: 122%;
}

#affiliate-partnerprogrammOverlay h2 span {
	font-size: 1.1rem;
	margin-bottom: 0.5em;
}

#seminarversicherungOverlay h1 {
	right: 3em;
}

#seminarversicherungOverlay .overlayContainerContent {
	font-weight: 500;
}

#seminarversicherungOverlay .overlayContainerContent ul {
	font-weight: 700;
}

#seminarversicherungOverlay.overlaySection .overlayContainer .overlayContainerContent ul li::before {
	/* von .contentListCheck */
	content: "\f00c" !important;
	font-family: "FontAwesome";
	float: left;
	margin-left: -1.5em !important;
	/* color: #f39b04; */










}





#partnerWerdenSeminarversicherungOverlay h1 {
	max-width: 150%;
}

#partnerWerdenSeminarversicherungOverlay h2 {
	font-size: 1.2rem;
}

#partnerWerdenSeminarversicherungOverlay .container-fluid {
	/* wegen Bildhoehe */
	/* oder auto* */
	height: 545px;
}

#AuslandskrankenversicherungenVergleichOverlay h2 span {
	margin-bottom: 0.25em;
}

@media (min-width: 576px) {
	#travelsecureYoungOverlay img {
		position: relative;
		right: 3.2em;
		max-width: 130%;
	}

	.startseiteIntroContentContainer {
		margin-bottom: 14em;
	}
}

@media (min-width: 768px) {
	.toolbarContentWhatsApp {
		display: block !important;
	}

	.weitereReiseversicherungen {
		display: none;
	}

	.startseiteIntroContentContainer {
		margin-bottom: 7%;
	}

	#jahresreiseOverlay h3 {
		width: 130%;
	}

	#startseitenOverlay .overlayContainer,
	.overlayTestsiegerContainer {
		bottom: 11%;
		left: unset;
		right: 5%;
		padding: unset;
		transform: unset;
	}

	#startseitenOverlay .overlayContainer h3,
	.overlayTestsiegerContainer h3 {
		font-size: 1.35rem;
	}

	#startseitenOverlay .overlayContainer .testsieger,
	.overlayTestsiegerContainer .testsieger {
		display: flex;
	}

	#startseitenOverlay .overlayContainer .testsiegerText,
	.overlayTestsiegerContainer .testsiegerText {
		display: block;
		margin-top: .75em;
		font-size: 15px;
		color: white;
		text-align: left;
	}

	#travelsecureYoungOverlay img {
		position: relative;
		right: 3.2em;
		max-width: 130%;
	}

	#klassenreiseOverlay .container-fluid {
		background-image: url('/images/banners/klassenreiseversicherung.jpg');
	}

	#au-pairOverlay .container-fluid {
		background-image: url('/images/banners/au-pair-versicherung-header.jpg');
	}

	#incomingOverlay .container-fluid {
		background-image: url('/images/banners/incoming-versicherung-header.jpg');
	}

	#downloadcenterOverlay .container-fluid {
		background-image: url('/images/banners/travelsecure-download-center.webp');
	}

	#reisegepaeckOverlay .container-fluid {
		background-image: url('/images/banners/reisegepaeckversicherung-header.jpg');
	}

	/* #affiliate-partnerprogrammOverlay .container-fluid {
        background-image: url('/images/banners/affiliate-partner-programm-header.webp');
    } */
}

@media (min-width: 992px) {
	div.trustElements {
		display: block;
	}

	#wanderBergsportOverlay .container-fluid {
		background-image: url('/images/banners/bergwandersportversicherung_990x650px.jpg');
	}

	#skiSnowboardVersicherungOverlay .container-fluid {
		background-image: url('/images/banners/ski-snowboardversicherung-header.jpg');
	}

	#wanderBergsportOverlay .mehrErfahrenContainer {
		align-items: flex-end;
	}

	#jahresreiseOverlay .container-fluid {
		background-image: url('/images/banners/jahresreiseversicherung_travelsecure.jpg');
	}

	#reiseruecktrittsOverlay .container-fluid {
		background-image: url('/images/banners/reiseruecktrittSversicherung-header.webp');
	}

	.toolbarContent ul li a .toolbarContentSupportStartText {
		display: inline;
	}
}

@media (min-width: 1200px) {
	.startseiteIntroContentContainer {
		margin-bottom: 2%;
	}

	#startseitenOverlay .overlayContainer,
	.overlayTestsiegerContainer {
		left: 58%;
		/* right: 10vw; */
		/* 15em */
		/* right: 15em; */
	}

	#wanderBergsportOverlay .container-fluid {
		background-image: url('/images/banners/bergwandersportversicherung_1920x700px.jpg');
	}

	#skiSnowboardVersicherungOverlay .container-fluid {
		background-image: url('/images/banners/ski-snowboardversicherung-header.jpg');
	}

	#schadenMeldungOverlay .container-fluid {
		background-image: url('/images/banners/Header-Online-Schadenmeldung.webp');
	}
}

@media (min-width: 1600px) {
	.startseiteIntroContentContainer {
		margin-bottom: 3%;
	}
}

.overlayContainerContent,
.overlayTestsiegerContainerContent {
	padding: 1.5em;
	border-radius: 5px;
	background-color: #283682e0;
}

#startseitenOverlay .overlayContainer {
	z-index: 1;
}

#startseitenOverlay .overlayContainer h3,
.overlayTestsiegerContainerContent h2 {
	margin-bottom: .5em;
	color: white;
	font-weight: bold;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.overlayContainer #overlayTestsiegerBanner {
	display: none;
	position: absolute;
	top: 28em;
	right: 24em;
	/* 26em */
	z-index: -1;
}

#startseitenOverlay .overlayContainer ul {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: .5em;
	list-style-type: none;
	margin-bottom: 0;
}

#startseitenOverlay .overlayContainer ul li {
	padding: .25em .75em;
	background-color: #007ebb;
	color: white;
	border-radius: 5px;
	transition: background-color 200ms;
}

#startseitenOverlay .overlayContainer.second .overlayContainerContent {
	background-color: #ffffffa1;
}

#startseitenOverlay .overlayContainer.second h3 {
	color: #039;
}

#startseitenOverlay .overlayContainer.second ul li {
	background-color: #039;
}

#startseitenOverlay .overlayContainer.second ul li a i {
	color: #f39b04;
}

#startseitenOverlay .overlayContainer ul li:hover {
	background-color: #f49802;
}

#startseitenOverlay .overlayContainer ul li a {
	color: unset;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.overlayContainer .testsieger {
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 10px;
}

.overlayContainer .testsieger img {
	width: 107px;
	height: auto;
}

.overlayTestsiegerContainerContent {
	margin-bottom: .5em;
	padding: 1.5em;
	max-width: 515px;
	background-color: #dbe8ffbf;
}

.overlayTestsiegerContainerContent h2 {
	color: #003399;
}

.overlayTestsiegerContainerContent>div {
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: flex-start;
}

.overlayTestsiegerContainer .btn-miniRechner {
	margin: 0;
	width: 100%;
	padding: 8px 0;
}

.overlayTestsiegerContainer .ribbonContainer {
	width: 200px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	bottom: 53px;
	right: 0px;
}

.overlayTestsiegerContainer .ribbonContainer .ribbon {
	font: bold 12px Sans-Serif;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 12px 0;
	left: 20px;
	top: 38px;
	background-color: #ffa500;
	color: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	width: 235px;
	height: auto;
}

@media (max-width: 544px) {
	#startseitenOverlay .overlayContainerContent h3 {
		font-size: 1em !important;
	}
}

.eyecatcher {
	top: -20px;
	position: absolute;
	right: -35px;
	background-color: #db0e17;
	border-radius: 100%;
	height: 80px;
	width: 80px;
	color: white;
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: row;
}

nav {
	display: flex;
	flex-direction: column;
	width: 100%;
	float: none;
	padding: 0;
}

nav label {
	float: unset !important;
	border-top: unset !important;
	border-left: unset !important;
	border-right: unset !important;
	background: unset !important;
	color: unset !important;
	margin-left: unset !important;
}

#mainMenu ul {
	margin: 0;
}

#mainMenu .mainMenuList {
	display: none;
}

#tm:checked+.mainMenuList {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	max-height: 100vh;
	overflow: auto;
}

#mainMenu input[type="checkbox"],
#mainMenu ul span.drop-icon {
	display: none;
}

#mobileMenu {
	border: 0;
	color: #283682 !important;
	width: 100%;
	text-align: center;
	font-size: 1.25rem;
	line-height: 1;
}

#mainMenu .sub-menu {
	background-color: #f2f2f2;
}

#mainMenu .sub-menu .sub-menu {
	background-color: #e0e0e0;
}

#mainMenu .sub-menu .sub-menu .sub-menu {
	background-color: #c9c9c9;
}

#mainMenu .sub-menu li:last-child {
	border-width: 0;
}

#mainMenu li,
#mainMenu a {
	position: relative;
	display: block;
	text-align: left;
}

#mainMenu a {
	padding: 1em 1.5em;
}

#mainMenu a:hover {
	background-color: #f39b04;
	color: #fff;
	text-decoration: none;
}

#mainMenu a {
	font-size: 1em;
	text-decoration: none;
	padding: 12px;
	color: #545451;
	display: block;
}

#mainMenu .sub-menu {
	display: none;
}

#mobileMenu .drop-icon,
#mainMenu li label.drop-icon {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1em;
	z-index: 10000;
	width: auto;
}

#mainMenu input[type="checkbox"]:checked+.sub-menu {
	display: block;
	margin: 0 .5em;
}

#mainMenu a.laenderListe+label+input[type="checkbox"]:checked+ul.sub-menu {
	display: grid;
}

#mainMenu a.laenderListe+label+input[type="checkbox"]+ul.sub-menu {
	grid-template-columns: repeat(3, max-content);
	min-width: auto;
}


@media only screen and (min-width: 768px) {
	.overlayContainer #overlayTestsiegerBanner {
		display: block;
	}

	#wanderBergsportOverlay h1,
	/* #jahresreiseOverlay h1, */
	#camperSorglosOverlay h1 {
		max-width: unset;
	}
}

@media only screen and (min-width: 992px) {
	nav {
		display: flex;
		flex-direction: column;
		width: unset;
		float: none;
		padding: 0 !important;
	}

	#mainMenu .mainMenuList {
		display: block;
	}

	#mainMenu a {
		white-space: nowrap;
	}

	#mainMenu .sub-menu {
		background-color: #f2f2f2 !important;
	}

	#mainMenu ul span.drop-icon {
		display: inline-block;
	}

	#mainMenu li {
		float: left;
	}

	#mainMenu .sub-menu li {
		float: none;
	}

	#mainMenu .sub-menu {
		border-width: 0;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		list-style: none;
		background-color: #f6f6f5;
		min-width: 300px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
		margin-top: 0;
		border-bottom: 2px solid #f39b04;
		font-size: 0.9em;
		text-align: left;
		line-height: 1.2em;
	}

	#mainMenu .sub-menu .sub-menu {
		top: 0;
		left: 100%;
	}

	#mobileMenu,
	#mainMenu label.drop-icon {
		display: none;
	}

	#mainMenu li:hover>input[type="checkbox"]+.sub-menu {
		display: block;
	}

	#mainMenu li:hover>a.laenderListe+label+input[type="checkbox"]+ul.sub-menu {
		display: grid;
	}

	#mainMenu li:hover>input[type="checkbox"]+.sub-menu label.drop-icon {
		display: block;
		transform: rotate(-90deg);
	}

	#tm:checked+.mainMenuList {
		flex-direction: row;
		width: unset;
	}
}

@media only screen and (max-width: 1400px) {
	.overlayContainer #overlayTestsiegerBanner {
		width: 40vw;
		height: auto;
		top: 30em;
	}
}

.ekw128 .widget-data {
	width: 238px;
}

.last-review {
	display: none;
}

.expertTip.orange {
	background-color: #f39b04;
	border-color: #f39b04;
	border-radius: 10px;
	color: white;

	border: 0;
	overflow: hidden;
}

.expertTip.orange .btn {

	border-color: white;
	border-width: 2px;
}


.expertTip.orange img {
	min-width: 100%;
	height: 100%;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

@media screen and (min-width: 992px) {
	.expertTip.orange img {
		min-width: fit-content;
		max-width: unset;
	}

}

@media screen and (max-width: 992px) {
	.expertTip.orange img {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}


.testCardCollection {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 2em auto;
	justify-items: center;
}

/* mindestens auf reiseabbruchversicherung */
.testCard {
	max-width: 522px;
	/* 450px */
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 1px;
	background-color: white;
	height: 100%;
}

.testCard .cardHeader {
	position: relative;
}

.testCard .cardHeader img {
	height: auto;
	max-width: 100%;
	width: 100%;
}

.testCard .cardHeader .banner {
	color: white;
	background-color: #283682;
	width: 300px;
	/* padding: 1em 5emd;
	padding-top: 3emd; */
	padding: 1.5em;
	padding-top: 3em;
	position: absolute;
	left: -9em;
	top: -2em;
	transform: rotate(-30deg);
	text-align: center;
	font-size: small;
	font-weight: 700;
	line-height: 1.25;
}

.testCard .cardInside {
	height: 100%;
	margin: 2em;
}

.testCard .cardContent {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: .5em;
	height: 100%;
}

.testCard .cardContent .cardHeading {
	margin: 0;
	padding: .5em;
	font-size: 1.25rem;
	word-break: break-word;
	background-color: orange;
	color: white;
}

.testCard .cardContent p {
	flex: 1 0 auto;
}

.testCard .cardContent .preis {
	display: block;
	font-size: x-large;
	font-weight: 700;
	color: #283682;
	margin: 2em;
}

.testCardCollection ul {
	--icon-space: 1.3em;
	list-style: none;
	padding: 0;
}

.testCardCollection li {
	padding-left: var(--icon-space);
}

.testCardCollection li:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: calc(var(--icon-space) * -1);
	width: var(--icon-space);
	color: #f39b04;
}

.testCardCollection .cardBtn {
	background-color: #283682;
	color: white;
	transition: all 350ms;
	border: 0px solid #283682;
	width: 100%;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
}

.testCardCollection .cardBtn:hover {
	background-color: white;
	color: #283682;
}

.testCardCollection {
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

@media screen and (max-width: 1200px) {
	.testCardCollection {
		grid-gap: 2rem;
	}
}

/* Mobile Style fuer Tables. einfach untereinander
duplicate content sonst durch den Extra Mobile HTML Einbau */
@media screen and (max-width: 768px) {

	.table-responsive {
		display: block !important
	}

	.table-responsive tbody,
	.table-responsive tr {
		display: flex;
		flex-direction: column;
	}

	/* die meisten artikel haben style tag mit tableResponsiveMobil Style */
	.tableResponsiveMobil {
		display: none !important;
	}
}