/*
Theme Name: eazy one
Theme URI: https://babtour.de
Description: Webpage of Babtour GmbH, Deinem Reisecenter in Stuttgart Mitte
Version: 1.0
Author: Steffen Schmitt
Author URI: http://www.freshandeazy.com
Tags: babtour, reisebuero, stuttgart, babatas, ludwigsburg, reise-spezialisten, travel, reisen

font-family: "Source Sans 3", sans-serif;
@media only screen and (min-width: 768px) { }

*/

@import "css/reset.css";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

body { margin: 0 auto; background: white; font-family: "Source Sans 3", sans-serif; font-weight: 400; font-style: normal; font-size:1rem; line-height:1.4; color:#111; }
html, body { height:100%; }
html {scroll-behavior: smooth;}
* {margin: 0;padding: 0;box-sizing: border-box;}

.cky-revisit-bottom-left {display: none;}

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix::after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.borderline { clear: both; border-bottom:2px solid #b6b8ba; height:10px; padding:10px 0px 20px 0px; display:block; }
.separator { clear: both; border-bottom:thin solid #b6b8ba; height:10px; padding:10px 0px 20px 0px;  }
.hidden { display:none; }

.aligncenter, div.aligncenter { display: block; }
.alignleft {float:none;}
.alignright {float:none;}
.center {float:none; }
.wp-caption {border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px}
.textalignright { text-align:right; } 
.textaligncenter { text-align: center; } 
.fullwidth { width:100%; height:auto; }

p {margin:1rem auto;}
em {font-style: italic;}

a { color:#231f20; font-weight:700; text-decoration:none; transition: all 0.5s ease; }
a:hover { text-decoration:underline; color:#f15f67; }

h1 {font-weight: 300; font-size: clamp(2.5rem, 4vw, 3.5rem);line-height: 1.1;letter-spacing:.25rem; margin: 2rem auto !important;}
h2 {font-weight: 300; font-size: clamp(2.25rem, 3vw, 3rem); line-height: 1.2;margin: 1.5rem auto;}
h3 {font-weight: 400; font-size: clamp(1.5rem, 2vw, 2.25rem); line-height: 1.2;}
h4 {font-weight: 700; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.4; }
h6 {font-size: .75rem; font-family: "Courier New", "monospace";}

header { width:100%; height:7rem; position: relative; z-index: 990;}
hgroup { padding:1.5rem 0 0; margin:0 auto;}
#logo { margin:0 auto; width:33%; }
#logo img {width: clamp(6rem, 7vw, 7.5rem); height:auto; background: white; border:3px solid white; border-radius: 50%; }
.home #logo img {/*display: none;*/}
#hd-widget-left {float: left;width: 20vw;margin: 0 auto;}
#hd-widget-right {float: right;width: 20vw;margin: 0 auto;}
#hd-widget-right ul li {text-align: center; margin:1.5rem auto;}
select#lang_choice_polylang-2 {border: none;background: none;font-size: .75rem;font-weight: bold;text-transform: uppercase;}

.expresscontact ul li {margin:.5rem auto; background-repeat: no-repeat; background-position: left center; background-size: 1.5rem 1.5rem; color:white;}
.expresscontact ul li a {color: white;}
.expresscontact li.phone {padding: 0 0 0 2rem; background-image: url("images/phone-white.svg");}
.expresscontact li.mail {padding: 0 0 0 2rem; background-image: url("images/mail-white.svg"); }
.expresscontact li.whatsapp {padding: 0 0 0 2rem; background-image: url("images/whatsapp-white.svg"); }

@media only screen and (min-width: 768px) {
.alignleft {float:left; }
.alignright {float:right; margin-right:0;}
.center {float:left; margin-left:4.4%; }
.hidden { display:block !important; }
}

/*  m a i n - n a v  */

#main-nav {display: none;}
/*#main-nav { width:100%; text-transform:uppercase; position:relative; letter-spacing:4px; margin:33px auto; text-align:center; overflow:hidden; }
#main-nav ul { position: relative;float: left;left: 50%;margin: 0 auto;padding: 0; }
#main-nav li { font-size:12px; line-height:1px; position: relative; float:left; right:50%; margin-right:5px; padding:0px 9px; list-style:none; border-right:thin solid #fff; }
#main-nav li:last-child { border-right:none; }
#main-nav a { text-decoration:none; font-weight:400; color:#fff; display:block; padding:5px 3px;  }
#main-nav a:hover { text-decoration:none; color:#fff; }*/

/*   l a n g u a g e   m e n u   */
/*#lang-menu { height:20px; width:auto; float:left; margin-top:5px; }
#lang-menu ul { list-style: none; }
#lang-menu li { margin:-3px 0 0 0; float:none !important; }*/


.homeslider {width: 100%; height: auto; margin:-7rem auto 0; position: relative; z-index: 600; }
.screen {display: none;}
.mobile {display: block;}

@media only screen and (min-width: 768px) {
	.screen {display: block;}
	.mobile {display: none;}
	.homeslider {margin:-7rem auto 0; }
}


/*    c o n t e n t -  a r e a    */

#arrow_down { margin:0 auto 0 -16px; position:absolute; top:85%; left:50%; }

.headline-box { width: 95%; padding:0; margin:0 auto; position:relative; top:25%; }
@media only screen and (min-width: 768px) {
.headline-box { width: 95%; max-width:1000px; position:relative; top:44%; }
#window h1 { font-size:58px; line-height:100px; }
}

#refs {padding: 0 0 5rem 0;}
div.ref-gallery img {padding: 0 .5rem;}


#sidebar h3 { color:#58595b; }
#sidebar ul { border-left:1px solid rgba(0,0,0,0.1); }
#sidebar ul li { margin: 10px 25px; padding:15px 0px; font-size:12px; text-transform:uppercase; letter-spacing:2px; }
#sidebar ul ul { border: none; }
#sidebar ul ul li { margin: 0;  }
#sidebar ul ul li a { display:block; }

#content-wrap, #contact-wrap {width: 100%; height:auto; position:relative; z-index:700; margin: 0 auto;  }
#content-wrap {padding: 3rem 0; }
.content { max-width:1236px;height:auto; margin:0 auto; }
.creme {background: rgba(240,230,215,.66);}
.white {text-align: center; }
#content-wrap .content { width:90%;}

#content-wrap .categories { width: 90%; max-width: 1236px; display: grid; gap:1.5rem; margin:0 auto;}

.cat .textwidget {opacity: 1;transition: all 0.5s ease;background: rgba(0,0,0,0);position: absolute;width: 100%;bottom:calc(23%);}

.cat {text-align: center;}
.cat a {color: black /*rgba(125,202,206,1)*/; background-color:white; text-transform: uppercase; padding: .33rem 1rem; letter-spacing: 4px; font-size: .9rem;}
.cat a:hover {background: rgba(125,202,206,1); color:white;}

.cat1, .cat2, .cat3, .cat4 {background-size: cover; background-repeat: no-repeat; position: relative;border-radius: 1rem;}
.cat1 {background-position: center 99%;}
.cat2, .cat3, .cat4 {background-position: center 66%; }

/*    3  c a t e g o r i e s   */   

.cat1 { background-image: url(https://babtour.de/wp-content/uploads/2026/04/bab-pauschlreisen_5-7.jpg);width: 100%;aspect-ratio: 5/7; }
.cat2 { background-image: url(https://babtour.de/wp-content/uploads/2026/03/bab-kreuzfahrten_16-9.jpg);width: 100%;aspect-ratio: 7/5; }
.cat4 { background-image: url(https://babtour.de/wp-content/uploads/2026/03/bab-hotels_5-7.jpg);width: 100%;aspect-ratio: 7/5; }


/*    4  c a t e g o r i e s   */   

/*.cat1 { background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-pauschlreisen_5-7.jpg);width: 100%;aspect-ratio: 7/5; grid-area: 1 / 1 / 2 / 3;}
.cat2 { background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-kreuzfahrten_16-9.jpg);width: 100%;aspect-ratio: 7/5; grid-area: 2 / 1 / 3 / 3;}
.cat3 { background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-fluege_5-7.jpg);width: 100%;aspect-ratio: 5/7; grid-area: 3 / 1 / 4 / 2;}
.cat4 { background-image: url(https://test.babtour.de/wp-content/uploads/2026/03/bab-hotels_5-7.jpg);width: 100%;aspect-ratio: 5/7; grid-area: 3 / 2 / 4 / 3;}*/

@media only screen and (min-width: 768px) { 
	
	.cat1 { grid-area: 1 / 1 / 3 / 2; aspect-ratio: auto; }
	.cat2 { grid-area: 1 / 2 / 2 / 3; aspect-ratio: 2/1; }
	.cat4 { grid-area: 2 / 2 / 3 / 3; aspect-ratio: 2/1;}
	
	/*
	.cat1 { grid-area: 1 / 1 / 3 / 2; aspect-ratio: auto; }
	.cat2 { grid-area: 1 / 2 / 2 / 4; aspect-ratio: 2/1; }
	.cat3 { grid-area: 2 / 2 / 3 / 3; aspect-ratio: 7/5;}
	.cat4 { grid-area: 2 / 3 / 3 / 4; aspect-ratio: 7/5;} */
}



/*    c o n t a c t  -  a r e a    */


#contact-wrap {padding:3rem 0; width:100%; position: relative; background-color: rgba(198,199,200,.22); }
.contact {width: 90%;margin: 0 auto;max-width: 1236px; position: relative;}
.teamimage {position: absolute;width: 40%; top:-2rem;left:0;}
img.team { border-radius: 50%; border:white solid .5rem;}

.contact-headline {padding:0 0 0 43%;}
.contact-headline h3 {font-size: clamp(1.75rem, 2vw, 2.25rem);line-height: 1.4;margin: 2rem auto 1rem;}

.fastcontact {background: white;padding: 1.5rem;border-radius: 1.5rem; }


ul.contactlist {font-size: 1.25rem; display: grid;}
ul.contactlist li {margin:.5rem auto; background-repeat: no-repeat; background-position: left center; background-size: 1.5rem 1.5rem; padding: 0 0 0 2rem;}
ul.contactlist li.phone {background-image: url("images/phone.svg");}
ul.contactlist li.phone a {color:#7DCACE;}
ul.contactlist li.mail {background-image: url("images/mail.svg"); }
ul.contactlist li.whatsapp {background-image: url("images/whatsapp.svg"); }
ul.contactlist li.whatsapp a {color:#128C7E;}

.callback {padding: 1rem;}
.callback form {margin:3rem auto 0;}

.address {width: 90%;margin: 2rem auto 0;max-width: 1236px; padding:1rem;}
.details { grid-area: 1 / 1 / 2 / 2;}
.map { grid-area: 1 / 2 / 2 / 5; } 

@media only screen and (min-width: 768px) {
	#contact-wrap {padding:4rem 0; }
	.teamimage {width: 25%; top:-2rem;left:-.625rem;}
	img.team { width: 95%; height: auto; border:white solid .625rem;}
	.contact-headline h3 {margin: 2rem auto;}
	.contact-headline {padding:0 0 0 26%;}
	.fastcontact {padding: 1rem 1rem 1rem 26%;border-radius: 3rem; }
	ul.contactlist {margin: 0 auto; display: block;}
	ul.contactlist li {margin: 0 10% 0 0;float: left;}
	.callback {padding: 0 0 0 26%;}
	.address {display: grid; gap:1.5rem; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; padding:1rem 0;}
}

@media only screen and (min-width: 768px) { 
	#content-wrap .content { width:75%;}
	/*.contact {background-size: contain;}*/
	
	.grid_1-2 { width:47.8%; display:block; } 
	.grid_1-3 { width:30.4%; display:block; }
	.grid_1-4 { width:21.7%; display:block; } 
	.grid_1-1 { width:100%; display:block; }
	.grid_3-4 { width:73.9%; display:block;}
	.grid_2-3 { width:65.2%; display:block; }
}

#box img { display: block !important; width:100%; height:auto; margin-bottom:20px; }
#box p { display:none; }
#box ul { margin:20px auto auto 10px; }
#box ul li { font-size:1.25rem; text-transform:uppercase; letter-spacing:2px; padding:1rem 0; border-bottom:1px solid rgba(0,0,0,0.1);  }
#box ul li a { font-weight:400; }
#box ul li a:hover { font-style:italic; color:#f15f67; }
.reviews { background:url(images/review.png) top right no-repeat;}

h2.pf-cat {font-family: din-2014-narrow, sans-serif; font-weight:700; font-size: 4rem; line-height:0.8; margin: 0 auto; text-transform: uppercase; word-break: break-word; letter-spacing: -3.5px; }

@media only screen and (min-width: 768px) { 
	#box { padding-top:1rem; }
	#box p { display: block !important; } 
}

.partner  {width: 90%;margin: 0 auto 3rem; max-width: 1236px;}
.partner div ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100% - 32px, 96px), auto));gap: 2rem; place-items: center; }
.partner div ul li img {width: 100%; height: auto;}


/*    s u b p a g e s     */

h1.subpage { margin:4rem auto 0 0; display:inline-block;  }
#content-sub {width: 90%; max-width: 1600px; margin:0 auto;}

.article-image { margin-top:-431px; position:relative; z-index:600; width:100%; height:auto; }

blockquote p { font-size:1.33rem; line-height: 1.5; }

#boxmenu { }
#boxmenu ul { margin:15px auto;   }
#boxmenu li { font-size:13px; padding:6px 0px 3px 0px; border-bottom:thin dotted #b6b8ba; }
#boxmenu li a { color:#999; font-weight:400; text-decoration:none; }
#boxmenu li a:hover { color:#f15f67; }


/*    a r t i c l e   s t y l e s    */
article {   }
.bordertop { margin:15px auto; padding:30px 0px; border-top:1px solid rgba(0,0,0,0.1); }
.borderbottom { margin:15px auto; padding:30px 0px; border-bottom:1px solid rgba(0,0,0,0.1); }
article h3 { color:#58595b; }
article img {  }
article .ai1ec-single-event img { width:auto !important; height:auto !important; }
article footer { width:100%; margin:11px auto; text-align:center; background:none;  }
article footer a { font-weight:400; }
.infobox { background: url(images/i-box_bg.png) bottom right no-repeat #e3e4e4; width:90%; height:auto; padding:5%; display:block;  }
.infobox a { font-weight:700; }
img.portrait { border-radius: 50%; }
img.qrcode { width:150px !important; }
a.more-link { font-size:14px; display:inline-block; background:#58595b; padding:5px 15px; color:#fff; font-weight: 400; letter-spacing:4px; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 auto; float:right; } 
a:hover.more-link { background:#f15f67; }


/*    f o o t e r      */

footer { background-color: rgba(38,38,38,1); width:100%; height:auto; margin:0 auto; padding:3rem 0; color:#fff; text-align: center;  }
footer ul {margin-bottom: 1rem;}
footer .footer-wrap {width:90%; max-width: 1236px; margin: 0 auto;}
footer .socials img {width: 80px; height: auto;}
footer a {color:rgba(255,255,255,1);}
footer a:hover {color:rgba(255,255,255,0.55);}
footer .textalignright { text-align:center; } 
img.logo-footer {width: 7rem;filter: grayscale(1);opacity: .66;}
.menu-footer-nav-container {margin: 2rem auto;text-transform: uppercase;}

@media only screen and (min-width: 768px) { 
	.menu-footer-nav-container {margin: 1rem auto;}
	.menu-infos-container { margin:0 auto;  }
	.footermenu li li { float:left; margin:0 5px; }
	footer {text-align: inherit;}
	footer .textalignright { text-align:right; } 
	footer .textaligncenter { text-align:center; } 
}


/*       f o r m s         */
.formbox h4 { color:#10BABC; font-size:39px; text-shadow: 1px 1px 0 #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }
.wpcf7 p {font-size: .75rem;text-transform: uppercase; width:100%;margin: 1rem auto;}

label.screen-reader-text { display:none; }
input, textarea {  width:100%; display:block; background:#fff; padding:.5rem; font-size:.85rem; line-height:2; border:1px solid rgba(0,0,0,.075); border-radius:.5rem;  }
input[type="submit"] { color: #fff; background:#7DCACE; cursor: pointer; font-size:.85rem; padding:.25rem 1.5rem; width: auto; border:.25rem #7DCACE solid; transition: all 0.5s ease; border-radius: 0; font-weight: 700; text-transform: uppercase;}
input[type="submit"]:hover { background: #fff; color:#7DCACE; }

@media only screen and (min-width: 768px) {
	.wpcf7 p {width: 24%;float: left;margin: 1rem 1% 1rem 0;}
}


/*      r e s p o n s i v e    m e n u          */
button#responsive-menu-button { top: 50% !important; margin-top:-32px !important;}
#responsive-menu-container {/*top: 15% !important; bottom: 15% !important;*/}
#responsive-menu-wrapper {padding:50% 0 0 !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-family: din-2014-narrow, sans-serif; font-size:2rem; font-weight: 300; text-transform: uppercase;}

div.black-button {text-align:center; padding:3rem 0 5rem;}
div.black-button a {background-color:black; width: auto; color:white; display:inline-block; padding:.25rem 1rem; border:3px solid black;}
div.black-button a:hover {background-color:white; color:black; }


.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: .25rem !important;}

@media only screen and (min-width: 768px) { 
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: .5rem !important;}
}