/* Begin of Verlauf Teaser-Boxen */
.teaser-verlauf .highlight {
    background: #1E5FB9; /* Old browsers */
    background: -moz-linear-gradient(top, #1E5FB9 0%, #003875 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1E5FB9 0%,#003875 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1E5FB9 0%,#003875 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E5FB9', endColorstr='#003875',GradientType=0 ); /* IE6-9 */
}

.teaser-verlauf h3, .teaser-verlauf .h3, .teaser-verlauf .panel h3 {
    color: #fff;
}

.teaser-verlauf p {
    color: #fff;
}

.teaser-verlauf a {
    color: #fff;
}
/* End of Verlauf Teaser-Boxen */

/* Begin of Styleanpassungen Flyout */

nav.category ul.flyouts .flyout .tk-prov-fullsize-flyout-bg {
    background-color: #fff;
}

nav.category ul.flyouts .flyout > .row ul, nav.category ul.flyouts .flyout > .tabs-content > .content > .row ul {
    margin-bottom: 1.5rem;
	line-height: 100%;
}

nav.category ul.flyouts .main-navigation-subline, nav.category ul.flyouts .main-navigation-subline a {
    font-weight: bold;
    font-size: 1.125rem;
    padding: 15px 0 8px 0;
	color: #4d4d4d;
}

nav.category ul.flyouts .main-navigation-subline a:hover {
	font-weight: bold;
    font-size: 1.125rem;
    padding: 15px 0 8px 0;
	color: #FF0000;
}

nav.category ul.flyouts .flyout > .row div.flyout-teaser .title-text a {
	font-weight: bold;
    font-size: 1.125rem;
	color: #4d4d4d;
}

nav.category ul.flyouts .flyout > .row div.flyout-teaser .title-text a:hover {
	font-weight: bold;
    font-size: 1.125rem;
	color: #FF0000;
}

/* End of Styleanpassungen Flyout */

/* Begin of Höhenausgleich Boxen z.B. Bürgschaft */

.hoehenausgleich div{
	height: 161px;
}

/* End of Höhenausgleich Boxen z.B. Bürgschaft */

/*Begin of Styling Beraterbox (PNWAM-1017)*/
.beraterbox p.background{
	background-color: #ff0000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 340px;
	border-radius: 3px;
}

.beraterbox p.background strong{
	display: flex;
  	align-items: center;
  	justify-content: center;
	letter-spacing: 0.1em;
}

.beraterbox p.background a:hover{
	color:#fff !important;
}

.beraterbox p.space{
	height: 10px;
}

.beraterbox p.background .oevd-widget-beraterbox .opening-hours-status {
    font-weight: normal;
}

.beraterbox p.background a{
	font-weight: 600 !important;
}

.beraterbox .advisor>div {
    background-image: url();
    background-color: #1e5fb9;
}

.beraterbox .advisor>div ul.flyouts {
    display: none;
}

.beraterbox div#kontaktbutton{
    margin-top: 12px !important;
	margin-bottom: -35px;
}

@media only screen and (max-width: 40em) {
.beraterbox p.background{
   padding-right: 13px;
   margin:auto;
   width: 315px;
  }
  
.beraterbox .button:not(.dropdown) {
    display: none;
	}

.beraterbox .ad-socials ul {
    width: 400px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.beraterbox a{
	font-weight: 100 !important;
	color: #fff;
	}

.beraterbox .link a{
	color: #1e5fb9;
}
	
.beraterbox p.background {
    margin-left: -15px;
    margin-right: -15px;
    }
}
/*End of Styling Beraterbox (PNWAM-1017)*/

/*Begin of Styling für SEO-optimierte Produktseiten (PNWAM-981/983)*/
/*Styling für Infobox blau*/
.tippbox .highlight{
	background-color: #dde7f5;
	padding: 25px;
}

/*Styling Hintergrundcontainer blau "... - unsere Tarife im Überblick"*/
#content_container_12_bg_bg-blau-1{
	background-color: #dde7f5;
    width: 1910px;
    margin-left: -370px;  
	padding-left: 353px;
	padding-top: 45px;
	padding-right: 353px;
	padding-bottom: 55px;
}

#content_container_12_bg_bg-blau-ernaehrung1{
    background-color: #dde7f5;
    width: 2450px;
    margin-left: -370px;
    padding-left: 380px;
    padding-top: 45px;
    padding-right: 323px;
    padding-bottom: 55px;
}

#content_container_12_bg_bg-blau-ernaehrung2{
    background-color: #dde7f5;
    width: 2450px;
    margin-left: -370px;
    padding-left: 380px;
    padding-top: 45px;
    padding-right: 323px;
    padding-bottom: 55px;
}

/* #content_container_12_bg_bg-blau-1 .accordion>dt>a{
    border-top: 0.4375rem solid #dde7f5 !important;
} */

/*Styling Produktbox klein*/
.produktboxklein div#hervorgehoben{
    background-color: #dde7f5;
    padding: 30px;
}

.produktboxklein div#hervorgehoben .fo{
    font-size: 55px;
}

/*Styling Produktbox groß*/
.produktbox img{
	width: 300px !important;
    padding-left: 30px;
	}
	
.produktbox div#textproduktbox{
	width: 1480px;
	}
	
.produktbox .textmodule{
	background-color: #dde7f5;
	padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
}

.produktbox .fo{
    font-size: 55px;
}

.produktbox div#iconebike{
    margin-top: -318px;
}

.produktbox div#iconunfall{
    margin-top: -300px;
}

.produktbox div#iconberufsunfaehigkeit{
    margin-top: -325px;
}

.produktbox h3{
    margin-left: 85px;
}

/*Styling Container bg-weiss-3 Hausboot Magazin-Artikel*/
div#content_container_12_bg_bg-weiss-3 {
    width: 2200px;
    margin-left: -500px;
	padding-left: 480px;
	padding-right: 510px;
}

div#content_container_12_bg_bg-weiss-3 {
    background-image: url(https://www.provinzial.de/content/privat/service/onlinemagazin/_resources/zehn-reiseziele-in-deutschland/reiseziele-hoch-ohne.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	height: 400px;
}

div#content_container_12_bg_bg-weiss-3 .highlight{
	background-color: #fff;
    opacity: 0.9;
    padding: 20px;
	width: 360px;
}

/*Optimierungen für View Tablet*/

@media only screen and (min-width: 40.063em) and (max-width: 64em){
/*Styling Hintergrundcontainer blau "... - unsere Tarife im Überblick"*/
	#content_container_12_bg_bg-blau-1{
    	width: 1480px;
	}
	
	#content_container_12_bg_bg-blau-ernaehrung1 {
        width: 1130px;
		padding-right: 30px;
	}
	
	#content_container_12_bg_bg-blau-ernaehrung2 {
        width: 1130px;
		padding-right: 30px;
	}

/*Styling Produktbox*/
    .produktbox div#textproduktbox{
	    width: 1280px;
	}
    
    .produktbox img{
        display: none;
	}

    .produktbox h3{
        margin-left: 65px;
    }

    .produktbox .textmodule {
        padding-top: 10;
        padding-bottom: 10;
        height: 360px;
    }

    .produktbox div#textproduktbox {
        width: 695px;
    }

    .produktbox div#iconebike {
        margin-top: -285px;
    }

    .produktbox div#iconunfall {
        margin-top: -295px;
    }

    .produktbox div#iconberufsunfaehigkeit{
    margin-top: -340px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape){
/*Styling Hintergrundcontainer blau*/
	#content_container_12_bg_bg-blau-ernaehrung1 {
        width: 1380px;
	}
	
	#content_container_12_bg_bg-blau-ernaehrung2 {
        width: 1380px;
	}
}

/*Optimierungen für View Smartphone*/

@media only screen and (max-width: 40em){
/*Styling Hintergrundcontainer blau "... - unsere Tarife im Überblick"*/
	#content_container_12_bg_bg-blau-1{
    	width: 1080px;
	}
	
	#content_container_12_bg_bg-blau-ernaehrung1 {
  	  	width: 600px;
		margin-left: -15px;
   		padding-left: 0;
    	padding-right: 220px;
	}
	
	#content_container_12_bg_bg-blau-ernaehrung2 {
  	  	width: 600px;
		margin-left: -15px;
   		padding-left: 0;
    	padding-right: 220px;
	}

    /*Styling Produktbox*/
    .produktbox img{
        margin-left: -20px;
        margin-top: 10px;
	}

    .produktbox .textmodule {
        padding-top: 0;
        padding-bottom: 0;
        height: 810px;
    }

    .produktbox h3{
        margin-left: 0;
    }

    .produktbox div#textproduktbox {
        width: 295px;
    }

    .produktbox div#iconebike {
        display: none;
    }

    .produktbox div#iconunfall {
        display: none;
    }

    .produktbox div#iconberufsunfaehigkeit{
        display: none;
    }

    /*Styling Produktbox klein*/
    .produktboxklein div#hervorgehoben .fo{
        display:none
    }

}
/*End of Styling für SEO-optimierte Produktseiten (PNWAM-981/983)*/

/* Begin of Ausblendung Beratersuche Alertbox im View Mobile */
@media only screen and (max-width: 40em) {
    .oevd-widget-interaktive-beratersuche .alert-box {
        display: none;
    }
}
/* End of Ausblendung Beratersuche Alertbox im View Mobile */

/* Begin of Flipcards*/
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser{
    perspective:1000px;
    width:100%;
}

.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.8s;
	-webkit-transition: all 0.8s;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
    display:block;
}

.oevd-widget-bildtextteaser.flipcard .image_teaser .teaser-table .table-title,
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .image, 
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .caption-and-text{
	display:block !important;
	width:100%;	
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
.oevd-widget-bildtextteaser.flipcard .image_teaser .teaser-table .table-title{
	text-align:center;
	position:absolute;
	top:20px;
	z-index:1;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .image, 
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .caption-and-text{
    height: 100%;
}
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .image{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
    position:absolute;   
	background:rgba(255,255,255,0.5);
}

.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .caption-and-text{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
    background:#eeeeee;
    padding:20px;
	height: 207px;
}

.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .image img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:auto;
	max-width:100%;
}

.oevd-widget-bildtextteaser.flipcard .oevd-widget-bildtextteaser > div{
    margin:0 30px;
}

.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser:hover .teaser-table{
    transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

@media screen and (-ms-high-contrast: none) {
    .oevd-widget-bildtextteaser.flipcard .teaser.image_teaser:hover .teaser-table{
    transform: none;
	-webkit-transform: none;
}
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .caption-and-text,
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .image, 
.oevd-widget-bildtextteaser.flipcard .teaser.image_teaser .teaser-table .image img {
	backface-visibility:visible;
	-webkit-backface-visibility:visible;
	position:static;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	margin-bottom:0;
}
}
/*End of Flipcards*/

/*Begin of Fix Stickyfooter Kachel-Hover (PNWAM-908)*/
.oevd-widget-stickyfooter .stickyfooterbar .stickyfooter-elementlist .stickyfooter-element:hover {
    cursor: default;
}

.oevd-widget-stickyfooter .stickyfooterbar .stickyfooter-elementlist .stickyfooter-element .sticky-kachel:hover{
	cursor: pointer;
}
/*End of Fix Stickyfooter Kachel-Hover (PNWAM-908)*/

/*Begin of Anpassungen Sticky Footer (https://www.oevonline.com/jira/browse/UX-145)*/
@media only screen and (max-width: 40em){
	div.stickyfooter-direktlink_3 .fo-phone:before {
    	display: none;
	}
	
	div.stickyfooter-direktlink_0 .fo-wohngebaeude:before {
    	display: none;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	div.stickyfooter-direktlink_3 .fo-phone:before {
    	display: none;
	}
	
	div.stickyfooter-direktlink_0 .fo-wohngebaeude:before {
    	display: none;
	}
}
/*End of Anpassungen Sticky Footer (https://www.oevonline.com/jira/browse/UX-145)*/

/* Begin of Hintergrundcontainer blau für Haus und Grund (PNWAM-1455) */
#content_container_12_bg_bg-blau-3{
	background-color: #dde7f5;
    width: 1910px;
    margin-left: -370px;  
	padding-left: 353px;
	padding-top: 45px;
	padding-right: 353px;
	padding-bottom: 55px;
}

/* #content_container_12_bg_bg-blau-3 .accordion>dt>a{
    border-top: 0.4375rem solid #dde7f5 !important;
} */

/*Anpassung Tablet*/
@media only screen and (min-width: 40.063em) and (max-width: 64em){
	#content_container_12_bg_bg-blau-3{
    	width: 1480px;
	}
}

/*Anpassung Smartphone*/
@media only screen and (max-width: 40em){
	#content_container_12_bg_bg-blau-3{
    	width: 1080px;
	}
}

/* End of Hintergrundcontainer blau für Haus und Grund */

/*Begin of Fix Farbe p-Tag in Textausgabe-Feld*/
.text-output p{
	color: #000000;
}
/*End of Fix Farbe p-Tag in Textausgabe-Feld*/