/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/**
 Farben:
 Dunkelrot: #8e2036
 Dunkelgrau: #636572
 Mittelgrau: #91939d
 Anthrazit: #192a3d
 */

#header [data-items] {
    align-items: flex-end !important;
}

[data-header*="type-1"] .ct-header [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 28%,rgb(142,32,54) 28%);
	height: 100px;
}

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 28%,rgb(142,32,54) 28%);
}

#header [data-row]>div {
    height: 100px;
}

.besserbuchen-hauptmenu li {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
}

.besserbuchen-hauptmenu li a::after {
    content: '|';
    padding-left: 10px;
	margin-right: -10px;
    border: none;
    width: inherit;
    height: inherit;
    display: inline-block;
}

.besserbuchen-hauptmenu li:last-child a::after {
    content: '|';
    padding-left: 10px;
    border: none;
    width: inherit;
    height: inherit;
    display: none;
}

.besserbuchen-hauptmenu li li {
	font-weight: 500;
	font-size: 16px;
	text-transform: none;
}

.besserbuchen-hauptmenu li li a::after {
    display: none;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: 0;
	padding-top: 10px;
	background: rgb(142,32,54,0.7);
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
    left: -15px;
    right: auto;
}

.navi-link-underline-hover:hover {
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
	text-decoration-color: rgba(255, 255, 255, 0.5);
}

.mystickyelements-fixed {
    font-family: 'Titillium Web', sans-serif !important;
	top: 35% !important;
}

.mystickyelements-fixed span.mystickyelements-social-icon a, span.mystickyelements-social-icon {
    font-size: 20px !important;
}

.mystickyelements-fixed ul li {
    margin-top: 5px !important;
}

.mystickyelements-size-extra-large span.mystickyelements-social-text a, .mystickyelements-size-extra-large span.mystickyelements-social-text.mystickyelements-social-no-link, .mystickyelements-size-large span.mystickyelements-social-text a, .mystickyelements-size-large span.mystickyelements-social-text.mystickyelements-social-no-link {
    padding-left: 20px;
	font-size: 20px !important;
}

.schraege-content-column-grau-transparent {
	background: linear-gradient(110deg,rgb(145,147,157) 85%, rgb(255,255,255,0) 85%) !important;
}

.schraege-content-column-rot-transparent {
	background: linear-gradient(110deg,rgb(142,32,54) 85%, rgb(255,255,255,0) 85%) !important;
}

.schraege-content-column-rot-grau {
	background: linear-gradient(110deg,rgb(142,32,54) 45%, rgb(145,147,157) 45%) !important;
}

.schraege-content-column-rot-grau-1-3 {
	background: linear-gradient(110deg,rgb(142,32,54) 33%, rgb(145,147,157) 33%) !important;
}

.schraege-content-column-kontakt-transparent-rot:before {
    opacity: 0.7 !important;
	background-image: linear-gradient(110deg,rgba(255,255,255,0) 50%,rgb(142,32,54) 50%) !important;
}

[data-footer*="type-1"] .ct-footer [data-row*="top"] {
    background: linear-gradient(110deg,rgb(145,147,157) 60%,rgb(142,32,54) 60%);
}

.wpcf7 label:not(.wpcf7-form-control-wrap) {
    font-size: 16px !important;
}

.text-impressum h3 {
	text-transform: none;
	font-size: 25px;
	color: #91939d;
}

	.box-partnerhotels h4 {
    font-size: 20px;	
	line-height: 1.2em !important;
}

	.box-partnerhotels p {
	line-height: 1.2em !important;
}

.slick-dots li button::before {
border: 1px solid #8e2036 !important;
}

.slick-dots li.slick-active button::before {
    content: ""!important;
    background: #8e2036 !important;
}

.modula-slider .modula-items .slick-next, .modula-slider .modula-items .slick-prev, .modula-slider .modula-slider-nav .slick-next, .modula-slider .modula-slider-nav .slick-prev {
color: #8e2036 !important;
}


/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
	
	.mystickyelements-fixed {
    font-family: 'Titillium Web', sans-serif !important;
	top: 50% !important;
}
	
	.column-header-image {
		height: 550px;
	}
	
	.column-header-image-small {
		height: 500px;
	}
	
	.schraege-content-column-grau-transparent {
	background: linear-gradient(110deg,rgb(145,147,157) 90%, rgb(255,255,255,0) 90%) !important;
}

	.schraege-content-column-rot-grau {
	background: linear-gradient(110deg,rgb(142,32,54) 47%, rgb(145,147,157) 47%) !important;
}	
	
	.box-partnerhotels .stk-block-card__image {
    height: 250px !important;
}
	
}


/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	
	.mystickyelements-fixed {
    top: auto !important;
}
	
	[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-container {
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
    width: 95%;
}
	
	[data-header*="type-1"] .ct-header [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 25%,rgb(142,32,54) 25%);
}

	[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 25%,rgb(142,32,54) 25%);
}
	
	[data-header*="type-1"] .ct-header [data-id="logo"] img {
		height: 60px !important;
	}
	
	[data-header*="type-1"] .ct-header [data-id="logo"] {
    margin: 0px 0px 5px 0px !important;
}
	
	.column-header-image {
		height: 500px;
	}	
	
	.column-header-image-small {
		height: 450px;
	}
	
	.schraege-content-column-grau-transparent {
	background: linear-gradient(105deg,rgb(145,147,157) 93%, rgb(255,255,255,0) 93%) !important;
}	

	.schraege-content-column-rot-grau {
	background: linear-gradient(105deg,rgb(142,32,54) 49%, rgb(145,147,157) 49%) !important;
}	
	
	.schraege-content-column-rot-grau-1-3 {
	background: linear-gradient(110deg,rgb(142,32,54) 35%, rgb(145,147,157) 35%) !important;
}	
	
	.box-partnerhotels .stk-block-card__image {
    height: 250px !important;
}	
	
	[data-footer*="type-1"] .ct-footer [data-row*="top"] {
    background: linear-gradient(105deg,rgb(145,147,157) 63%,rgb(142,32,54) 63%);
}
	
	.besserbuchen-footer h3 {
		font-size: 25px;
	}
	
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
    padding-bottom: 45px !important;
}
	
	.ct-back-to-top {
    bottom: 80px !important;
	right: 10px !important;
	}

}


/* Tablets in Portrait-Modus zwischen (768-980px) */
    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	
	.mystickyelements-fixed {
    top: auto !important;
}
	
	[data-header*="type-1"] .ct-header [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 30%,rgb(142,32,54) 30%);
	height: 80px;
}

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 30%,rgb(142,32,54) 30%);
}
	
	#header [data-row]>div {
    height: 80px;
}
	
	[data-header*="type-1"] .ct-header [data-id="logo"] {
    margin: 0px 0px 12px 0px !important;
}
	
	.besserbuchen-mobile {
		width: 300px;
		opacity: 0.5;
		margin-bottom: 20px !important;
	}
	
	.besserbuchen-mobile-offcanvas {
	width: 300px;
	opacity: 0.5;
	}
	
	[data-header*="type-1"] [data-id="trigger"] {
    margin: 0px 0px 25px 20px !important;
}
	
	.column-header-image {
		height: 400px;
	}	

	.column-header-image-small {
		height: 350px;
	}	
	
	.schraege-content-column-grau-transparent {
	background: linear-gradient(105deg,rgb(145,147,157) 90%, rgb(255,255,255,0) 90%) !important;
}
	
	.schraege-content-column-rot-transparent {
	background: linear-gradient(110deg,rgb(142,32,54) 80%, rgb(255,255,255,0) 80%) !important;
}
	
	.schraege-content-column-kontakt-transparent-rot:before {
    opacity: 0.7 !important;
	background-image: linear-gradient(110deg,rgba(255,255,255,0) 40%,rgb(142,32,54) 40%) !important;
}
	
	.schraege-content-column-rot-grau {
	background: linear-gradient(105deg,rgb(142,32,54) 48%, rgb(145,147,157) 48%) !important;
}	
	
	.schraege-content-column-rot-grau-1-3 {
	background: linear-gradient(105deg,rgb(142,32,54) 35%, rgb(145,147,157) 35%) !important;
}	
	
	.box-partnerhotels .stk-block-card__image {
    height: 200px !important;
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="top"] {
    background: linear-gradient(105deg,rgb(145,147,157) 52.5%,rgb(142,32,54) 52.5%);
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
    padding-bottom: 40px !important;
}
	
	.ct-back-to-top {
    bottom: 90px !important;
	right: 10px !important;
	}
	
}


/* Zwischengröße im Landscape-Modus zwischen (768-999px) */
    @media only screen 
and (min-width : 768px) 
and (max-width : 999px) 
and (orientation : landscape) { 
	
	
	.mystickyelements-fixed {
    top: auto !important;
}
	
	[data-header*="type-1"] .ct-header [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 30%,rgb(142,32,54) 30%);
}

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 30%,rgb(142,32,54) 30%);
}
	
	[data-header*="type-1"] .ct-header [data-id="logo"] {
    margin: 0px 0px 7px 0px !important;
}
	
	.besserbuchen-mobile {
		width: 300px;
		opacity: 0.5;
		margin-bottom: 20px;
	}
	
	.besserbuchen-mobile-offcanvas {
	width: 300px;
	opacity: 0.5;
	}
	
	.column-header-image {
		height: 400px;
	}	

	.column-header-image-small {
		height: 350px;
	}	
	
	.schraege-content-column-grau-transparent {
	background: linear-gradient(105deg,rgb(145,147,157) 90%, rgb(255,255,255,0) 90%) !important;
}
	
	.schraege-content-column-rot-transparent {
	background: linear-gradient(110deg,rgb(142,32,54) 80%, rgb(255,255,255,0) 80%) !important;
}
	
	.schraege-content-column-kontakt-transparent-rot:before {
    opacity: 0.7 !important;
	background-image: linear-gradient(110deg,rgba(255,255,255,0) 40%,rgb(142,32,54) 40%) !important;
}
	
	.schraege-content-column-rot-grau {
	background: linear-gradient(105deg,rgb(142,32,54) 48%, rgb(145,147,157) 48%) !important;
}	
	
	.schraege-content-column-rot-grau-1-3 {
	background: linear-gradient(105deg,rgb(142,32,54) 35%, rgb(145,147,157) 35%) !important;
}	
	
	.box-partnerhotels .stk-block-card__image {
    height: 200px !important;
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="top"] {
    background: linear-gradient(105deg,rgb(145,147,157) 52.5%,rgb(142,32,54) 52.5%);
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
    padding-bottom: 40px !important;
}
	
	.ct-back-to-top {
    bottom: 90px !important;
	right: 10px !important;
	}
	
}


/* Zwischengröße (478-767px) */
@media only screen and ( min-width: 478px ) and ( max-width: 767px ) { 
	
	.mystickyelements-fixed {
    top: auto !important;
}
	
	[data-header*="type-1"] .ct-header [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 30%,rgb(142,32,54) 30%);
	height: 60px;
}

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background: linear-gradient(110deg,rgb(145,147,157) 30%,rgb(142,32,54) 30%);
}
	
	#header [data-row]>div {
    height: 60px;
}
	
	[data-header*="type-1"] .ct-header [data-id="logo"] {
    margin: 0px 0px 10px 0px !important;
}
	
	[data-header*="type-1"] [data-id="trigger"] {
    margin: 0px 0px 15px 0px !important;
}
	
	.besserbuchen-mobile {
		width: 250px;
		opacity: 0.5;
		margin-bottom: 15px !important;
	}
	
	.besserbuchen-mobile-offcanvas {
	width: 300px;
	opacity: 0.5;
	}
	
	.column-header-image {
		height: 400px;
	}	

	.column-header-image-small {
		height: 350px;
	}	
	
	.schraege-content-column-grau-transparent {
	background: linear-gradient(105deg,rgb(145,147,157) 90%, rgb(255,255,255,0) 90%) !important;
}
	
	.schraege-content-column-rot-transparent {
	background: linear-gradient(110deg,rgb(142,32,54) 80%, rgb(255,255,255,0) 80%) !important;
}
	
	.schraege-content-column-kontakt-transparent-rot:before {
    opacity: 0.7 !important;
	background-image: linear-gradient(110deg,rgba(255,255,255,0) 40%,rgb(142,32,54) 40%) !important;
}
	
	.schraege-content-column-rot-grau {
	background: linear-gradient(105deg,rgb(142,32,54) 48%, rgb(145,147,157) 48%) !important;
}	
	
	.schraege-content-column-rot-grau-1-3 {
	background: linear-gradient(105deg,rgb(142,32,54) 35%, rgb(145,147,157) 35%) !important;
}	
	
	.box-partnerhotels .stk-block-card__image {
    height: 200px !important;
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="top"] {
    background: linear-gradient(105deg,rgb(145,147,157) 52.5%,rgb(142,32,54) 52.5%);
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
    padding-bottom: 40px !important;
}
	
	.ct-back-to-top {
    bottom: 90px !important;
	right: 10px !important;
	}
	
	
}


/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) { 
	
	.mystickyelements-fixed {
    top: auto !important;
}
	
	[data-header*="type-1"] .ct-header [data-row*="middle"] .ct-container {
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
    width: 95%;
}
	
	[data-header*="type-1"] .ct-header [data-row*="middle"] {
    background: linear-gradient(105deg,rgb(145,147,157) 31%,rgb(142,32,54) 31%);
	height: 60px;
}

	[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] {
    background: linear-gradient(105deg,rgb(145,147,157) 31%,rgb(142,32,54) 31%);
}
	
	#header [data-row]>div {
    height: 60px;
}

	[data-header*="type-1"] .ct-header [data-id="logo"] {
    margin: 0px 0px 12px 0px !important;
}
	
	[data-header*="type-1"] [data-id="trigger"] {
    margin: 0px 0px 15px 0px !important;
}
	
	.schraege-content-column-rot-transparent {
	background: linear-gradient(170deg,rgb(142,32,54) 80%, rgb(255,255,255,0) 80%) !important;
}
	
	.schraege-content-column-kontakt-transparent-rot:before {
    opacity: 0.7 !important;
	background-image: linear-gradient(170deg,rgba(255,255,255,0) 70%,rgb(142,32,54) 70%) !important;
}	

	.schraege-content-column-rot-grau {
	background: linear-gradient(175deg,rgb(142,32,54) 52%, rgb(145,147,157) 52%) !important;
}
	
	.schraege-content-column-rot-grau-1-3 {
	background: linear-gradient(175deg,rgb(142,32,54) 44%, rgb(145,147,157) 44%) !important;
}
	
	.besserbuchen-mobile {
	width: 200px;
	opacity: 0.5;
	margin-bottom: 15px !important;
	margin-left: 5px;
	}
	
	.besserbuchen-mobile-offcanvas {
	width: 90%;
	opacity: 0.5;
	}
	
	.column-header-image {
	height: 300px;
	}

	.column-header-image-small {
		height: 250px;
	}	
	
	.box-partnerhotels .stk-block-card__image {
    height: 200px !important;
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="top"] {
    background: linear-gradient(175deg,rgb(145,147,157) 61%,rgb(142,32,54) 61%);
}
	
	[data-footer*="type-1"] .ct-footer [data-row*="bottom"] {
    padding-bottom: 50px !important;
}
	
}