@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Balthazar&display=swap');

/* Grid */
body {font-family: 'Lato', sans-serif;font-size: 17px;font-weight:400;text-align: justify;background-color: #fff; color: #1F3954;letter-spacing:0.5px}
:focus, :active{outline: none;border: 0;}
::selection {background: #1F3954; color:#fff;/* WebKit/Blink Browsers */}
::-moz-selection {background: #1F3954; color:#fff;/* Gecko Browsers */}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
select {-moz-appearance: none;-webkit-appearance: none;padding: 5px;border: 0px;}
select::-ms-expand {display: none;}
button:focus {outline:0 !important;}
img {max-width: 100%;}

/* Fonts */
p {line-height: 1.5;margin: 15px 0;text-align:left;}
p a {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: 'Lato', sans-serif;color:#1F3954;font-weight:300;line-height: 1.5;margin:0;text-align: left;}
.h1, h1 {font-size: 50px;text-align: left;margin: 0;padding: 0px;font-weight: 900; letter-spacing: 1px;line-height: 57px;}
.h2, h2 {font-size: 15px;margin: 15px 0;font-weight: 800;text-transform: uppercase;letter-spacing: 1.5px;color: #399383;line-height: 1.8;}
.h3, h3 {font-size: 34px;margin: 30px 0 0px;padding: 0px;letter-spacing: 0.5px;font-weight: 400;}
.h4, h4 {font-size: 42px;font-weight: 800;color: #fff;letter-spacing: 1px;line-height: 1.2;padding-bottom: 30px;}
.h5, h5 {font-size: 20px;margin: 0;color: #1F3954;letter-spacing: 0.5px;font-weight: 800;}
.h6, h6 {font-size: 46px;margin: 0px;padding: 0px;letter-spacing: 0.5px;font-weight: 800;text-align:center;color:#fff;}

a,a:hover,a:focus {color:#1F3954;text-decoration: none;}
.web-ref {text-decoration: underline;;}

.clear {clear:both;}

hr {border-top: 1px solid #ba8;}
/* Alignements */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

/* Navigation */
.topbar {background:#1F3954; width:100%;color:#fff;letter-spacing: 1px;font-weight:600;font-size:14px;position:fixed;top:0;z-index:10000;min-height:55px;}
.topbar .col-3:nth-child(2) p{text-align:center;}
.topbar .col-3:nth-child(3) p{text-align:right;}
.topbar .col-3:nth-child(4) p{text-align:right;}
.topbar-icon {padding-right: 5px;}
.topbar a, .topbar a:hover, .topbar a:focus {color:#fff;text-decoration: none;}
.navbar {background: #fff;height: 100px;position: relative;width:100%; z-index: 1;top:0;font-size: 15px;letter-spacing: 1px; text-transform: uppercase;margin-top: 55px;}
.nav-link {color:#1F3954;}
.logo {position: absolute;left: 50%;transform: translate(-50%);top:0;max-width: 180px;margin: 10px auto 0;display:block;}
.nav-left {padding-right: 4rem;padding-left: 0;}
.nav-right {padding-right: 0rem;padding-left: 4rem;}
button.navbar-toggler {margin: 0;border: none;color:#1F3954;}
.navbar-toggler-icon {display: inline-block;width: 20px;height: 15px;background: url(../img/menu-lines.png);background-size: 100% 100%;position: relative;}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
.navbar-toggler-icon i {color:#333;}
.nav-item.current {font-weight: bold;}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin:0;}
a:hover.nav-link  {color:#399383;}
.nav-item {text-align: left;}
nav span {display: block;font-size: 14px;}
.nav-item.active .nav-link  {font-weight:bold;;}
.nav-link:focus  {color: #399383;}
.nav-link:hover {color: #399383;}
.nav-link.kontakt {background: #399383;margin-left: 15px;border-radius: 5px;color: #fff;font-weight: 600;display: inline-block;}
.nav-link.kontakt:hover, .nav-link.kontakt:focus {background: #1F3954; color:#fff;}

/* Lists & Blockquotes */
ul {list-style: none; padding: 0;margin-bottom: 0;}
blockquote {border-left: 10px solid #ccc; padding-left: 30px; margin: 30px 0px 30px 50px;font-family: 'Balthazar', serif;color: #333;font-size: 30px;font-weight: 400;}

/* Buttons */
html input[type=button] {background-color: #1F3954;color: #fff;display: inline-block;margin:20px 0 0;padding: 10px 45px;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;font-size: 13px;font-weight: 600;border-radius: 10px;}
.button, button {background-color: #1F3954;color: #fff;display: inline-block;margin:20px 0 0;padding: 10px 45px;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;font-size: 13px;font-weight: 600;border-radius: 10px;}
.button:hover, .button:focus, .btn-primary:focus {color: #fff;}

/* Form */
.form-input-wrapper {padding: 0 0 8px;}
.form-control {padding: 5px 15px;font-size: inherit;height: auto;border-radius: 8px;border: 0;color: #999;font-weight: 300;}
.form-control:focus {color: #999;background-color: #fff;outline: 0;box-shadow: 0 0 0 0rem transparent;}
.form-label {display: none;}
label {color:#fff;}
label.inline {color: #999;font-size:10px;}
.form-honeybear {visibility: hidden;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px,1px,1px,1px);}
.form-textarea-wrapper {padding: 0 0 8px;}
input[type="checkbox"] {;margin-right: 5px;}
.button.btn.btn-primary.btn-lg {float: right;margin-top: -35px;background: #399383;border:0;    z-index: 1;position: relative;}

/* Cookies */
.cc-color-override--29957753.cc-window {background-color: #1F3954;}
.cc-window.cc-floating {max-width: 100%;    width: 100%;}
.cc-bottom {bottom: 0em;}

/* Sections */
.content {padding-top: 150px;max-width: 515px;}
#startseite {background: url(/user/pages/bilder/header-mallorca-steuern.jpg) #1F3954;background-repeat: no-repeat;background-size: cover;min-height: calc(100vh - 155px);background-position: center;}


#about {padding: 100px 0;}
.about h3 {max-width: 513px;}

#faq {background: url(/user/pages/bilder/fragen-antworten.jpg); background-repeat: no-repeat;background-position: center;color: #fff;padding: 250px 0;
position:relative;background-size: cover;}
.faq-box {background: #399383; padding: 30px 40px; max-width:480px;margin-top:-300px}
#faq li::before {content:  url("/user/pages/bilder/check.png");padding-right: 10px;}
#faq li {display: flex;flex-direction: row;align-items: center;}

#nutzwert {padding: 100px 0; position: relative;}
#nutzwert h2 {margin: -5px 0 0;}
#nutzwert h3 {max-width:500px;margin: 20px 0;}
.nobutton {color: #399383;font-style: italic;margin-top: 20px;	display: block;}
.nobutton:hover, .nobutton:visited, .nobutton:focus {color: #399383;text-decoration: underline;}
.green {background:#399383; }
.pfeil {position: absolute;bottom: -22px;left: 50%;transform: translateX(-50%);z-index: 1;}

#services {padding: 100px 0;background: #EFF3F4;}
#services h3 {text-align:center; margin: 0 0 80px;font-weight: 600;}
.servicebox {padding: 10px 25px 25px; background:#fff;}
.lm {margin-right:6px;}
.rm {margin-left:6px;}
.big {width:100%;text-align:center;}

#kunden {padding: 100px 0 150px;text-align: center;position: relative;}
#kunden h3 {text-align:center;margin: 30px 0;}
.carousel-inner {position: relative;width: 50%;overflow: hidden;margin: 0 auto;height: auto;}
.carousel-indicators {margin-right: 0;margin-bottom: 0;margin-left: 0;bottom: auto;z-index:0;}
.carousel .carousel-indicators button {width: 10px;height: 10px;border-radius: 100%;background-color:#1F3954;}

#quote {background: url(/user/pages/bilder/steuern-mallorca-footer.jpg); background-repeat: no-repeat;background-position: center;color: #fff;padding: 150px 0;
position:relative;background-size: cover;height: calc(100vh - 55px);z-index:0}
.quote {position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%);width:90%;}
.quote p {text-align:center;}

footer {clear: both;padding: 100px 0;background:#2d2d2d;color:#fff;}
footer a, footer a:hover, footer a:visited, footer a:focus {color:#fff;}
footer img {max-width: 100%;display: block;}
footer .links p {text-align:right;}
footer strong {color: #ccc}

.thankyoubox p {text-align:center;}

.mobile {display:none !important}
	
/* Unterseiten */

#fragen {background: url(/user/pages/bilder/fragen-antworten.jpg) #1F3954;background-repeat: no-repeat;background-size: cover;min-height: calc(100vh - 155px);background-position: center;}
#fragen h1 {color:#fff;}
#fragen p{color:#fff;text-shadow: 0px 0px 5px #000;}
#fragen a{text-shadow: none;}
#antworten {padding: 100px 0;}
.accordion-item__title {border-top: 1px solid #ccc;background: #fff;margin:0;padding: 20px 0;text-align: left;font-weight: normal;cursor: pointer;}
.accordion-item__content {width:100%;}
.ion-ios-plus-outline::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f055";margin-right: 10px;color: #d1a054;}
.ion-ios-minus-outline::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f056";margin-right: 10px;color: #d1a054;}

#nutzwertsteuer {background: url(/user/pages/bilder/header-nutzwertsteuer-mallorca.jpg) #1F3954;background-repeat: no-repeat;background-size: cover;min-height: calc(100vh - 155px);background-position: center;}

#zustellung {background: url(/user/pages/bilder/header-zustelladresse-mallorca.jpg) #1F3954;background-repeat: no-repeat;background-size: cover;min-height: calc(100vh - 155px);background-position: center;}
#quote-zustellung {background: url(/user/pages/bilder/quote-zustellung.jpg); background-repeat: no-repeat;background-position: center;color: #fff;padding: 150px 0;
position:relative;background-size: cover;height: calc(100vh - 55px);}

#nienummer {background: url(/user/pages/bilder/header-nienummer-mallorca.jpg) #1F3954;background-repeat: no-repeat;background-size: cover;min-height: calc(100vh - 155px);background-position: center;}
#quote-nie {background: url(/user/pages/bilder/quote-nie.jpg); background-repeat: no-repeat;background-position: center;color: #fff;padding: 150px 0;
position:relative;background-size: cover;height: calc(100vh - 55px);}


#underpage {padding: 50px 0;}
#underpage h1 {font-size: 30px;}
#underpage ul {list-style: initial;padding: 0 0 0 2rem;margin-bottom: initial;}

.thankyoubox {padding: 100px 0;}

.thankyoubox h1 {text-align:center;}


@media screen and (max-width:575px){
	body {font-size:14px}
	h1 {font-size:24px;line-height:1.2}
	h2 {font-size:14px; letter-spaciong: 0.5px;}
	h3 {font-size: 18px;letter-spacing: 1px;margin-bottom: 30px;}
	h4 {font-size: 24px;padding-bottom: 10px;}
	h5 {font-size: 16px;}
	h6 {font-size: 32px;}
	.button, button {padding: 10px; font-size: 12px;letter-spacing: 0.5px;}
	.topbar {letter-spacing: 0px;font-size: 13px;}
	.topbar-icon {padding-right: 2px;max-width: 18px;margin-top: -2px;}
	.content {padding: 50px 0;max-width: 280px;}
	#about {padding: 50px 0 100px;}
	#faq {padding-bottom:100px;}
	.faq-box {padding:20px;}
	#nutzwert {padding: 60px 0;}
	#nutzwert h2 {padding-top:40px;}
	#services {padding: 50px 0;}
	#services h3 {margin: 0 0 40px;}
	.servicebox {padding: 5px 15px;}
	.lm {margin-bottom: 30px;}
	.carousel-inner {width:100%;}
	.button.btn.btn-primary.btn-lg {margin-top: -30px;}
	input[type="checkbox"] {margin-right: 2px;}
	label.inline {font-size:9px;}
	footer {padding: 60px 0;}
	#fragen h1 {color:#1F3954;}
	#fragen p {color: #fff;text-shadow: 0px 0px 10px #000;}
	#antworten {padding:50px 0;}
	#zustellung {background-position: left;}
}

@media screen and (min-width:576px) and (max-width:767px){
	body {font-size:14px;}
	h1 {font-size:30px;line-height:1.2}
	h2 {font-size:14px; letter-spaciong: 0.5px;}
	h3 {font-size: 18px;letter-spacing: 1px;margin-bottom: 30px;}
	h4 {font-size: 24px;    padding-bottom: 10px;}
	h5 {font-size: 16px;}
	.button, button {padding: 10px;    font-size: 12px;letter-spacing: 0.5px;}
	.topbar {letter-spacing: 0px;font-size: 13px;}
	.topbar-icon {padding-right: 2px;max-width: 18px;margin-top: -2px;}
	.content {padding: 50px 0;max-width: 350px;}
	#about {padding: 50px 0 100px;}
	#faq {padding-bottom:100px;}
	.faq-box {padding:20px;max-width: 50%;}
	#nutzwert {padding: 60px 0;}
	#services {padding: 50px 0;}
	#services h3 {margin: 0 0 40px;}
	.servicebox {padding: 5px 15px;}
	.address {width:50%;}
	.links{width:100%;}
	.form {width:50%;}
	.button.btn.btn-primary.btn-lg {margin-top: 0px;}
}

@media screen and (min-width:768px) and (max-width:991px){
	body {font-size:14px;}
	h1 {font-size: 34px;line-height:1.2}
	h3 {font-size:24px;}
	h6 {font-size: 32px;}
	.content {max-width:380px;}
	.button.btn.btn-primary.btn-lg {margin:0}
	footer .desktop {display:block!important;}
	footer .mobile {display:none!important;}
	.address {width:35%;}
	.links{width:25%;}
	.form {width:40%;}
	.cc-window {font-size:12px;}
}


@media screen and (min-width:992px) and (max-width:1200px){
	body {font-size:14px;}
	.topbar {font-size:11px;letter-spacing: 0;}
	h1 {font-size:40px; line-height:1.2;}
	h3 {font-size:28px;}
	h5 {font-size: 16px;}
	.content {max-width:420px;}
	#nutzwert h3 {line-height:1.2; margin: 10px 0;}
	#nutzwert .nobutton {margin-top: -5px;}
	#nutzwert .green {margin-top: 0;}
	.address {width:35%;}
	.links{width:25%;}
	.form {width:40%;}
	.button.btn.btn-primary.btn-lg {margin-top: -30px; padding: 10px 15px;}
	.navbar {font-size: 13px;}
}

@media screen and (min-width:1201px) and (max-width:1399px){
	body {font-size:16px;}
	#nutzwert h3 {line-height:1.2;}
	.button.btn.btn-primary.btn-lg {margin-top: -35px; padding: 10px 15px;}
}

@media screen and (min-width:1201px) and (max-width:1399px){
	.topbar {font-size:12px;letter-spacing: 0.5px;}
}

@media screen and (max-width:319px) {
	body {font-size:12px;}
}

@media screen and (max-width:360px) {
	h1 {font-size:20px;}
	.content {max-width: 80%;}
}

@media screen and (orientation: portrait) {
	#startseite {min-height: 60vh}
	#fragen {min-height: 60vh}
}

@media (max-width: 991px) {
	.container {max-width: 100%;}
	.navbar-toggler {padding: 10px;font-size: initial;line-height: 1.4;background-color: #fff;border: 0;border-radius: 0;z-index: 1000}
	.navbar-collapse {padding-top: 10px;position: fixed;top: 55px;left: 0;z-index: 100;width: 100%;height: 100%;border: none;background: #fff;border-top: 1px solid #bbb}
	.navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
	.nav-link.kontakt {margin-top:5px;}
	.desktop {display:none !important;}
	.mobile {display:block !important;z-index: 1000;}
	.lm {margin-right:0px;}
	.rm {margin-left:0px;}
}