

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>photospion.de wird zum Kauf angeboten!</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
    
    <link rel="icon" href="//photospion.de/content/favicon.png">
    
    <style>
        :root {
            --textColor: #1d4f91;
            --textColor2: #0085ad;
            --altcha-max-width: 100%;
        }

        *, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
        html {margin: 0; padding: 0; height: 100%; width: 100%; font-size:16px}
        body {
            font-family: 'Arial', 'Helvetica', sans-serif;
            margin: 0;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            background-color: #e9e9e9;
            min-height: 100%;
            width: 100%;
        }
        .navbar-brand img {
            max-width: 100%;
            max-height: 60px;
        }

        .text-color {
            color: var(--textColor)
        }

        .main-gradient {
            background: var(--textColor);
            background: -moz-linear-gradient(top, var(--textColor) 0%, var(--textColor2) 100%);
            background: -webkit-linear-gradient(top, var(--textColor) 0%,var(--textColor2) 100%);
            background: linear-gradient(to bottom, var(--textColor) 0%,var(--textColor2) 100%);
        }

        .footer-content {
            text-align: center;
            background: var(--textColor);
            color: #fff;
            text-decoration: none;
        }

        .footer-content a {
            font-size: 14px;
            color: #fff;
            text-decoration: none;
        }

        .main-form {
            position: absolute;
            width: 100%;
        }
        @media (max-width: 767px) {
            .main-form {
                position: relative;
            }
        }


        .icon-row {
            display:flex;
            margin:0 -10px;
            padding-top:30px;
        }

        .icon-row .col-4 {
            margin:0 10px;
            background:#fff;
            width:31%;
            padding:40px 20px 20px 20px;
            border-radius:5px;
            position:relative;
            text-align:center;
        }

        .icon-row .col-4:before {
            content:'1';
            position:absolute;
            top:-15px;
            left:50%;
            transform:translate(-50%, 0);
            border-radius:100px;
            background: var(--textColor2);
            background: -moz-linear-gradient(-45deg, var(--textColor2) 0%, var(--textColor) 100%);
            background: -webkit-linear-gradient(-45deg, var(--textColor2) 0%, var(--textColor) 100%);
            background: linear-gradient(135deg, var(--textColor2) 0%, var(--textColor) 100%);
            border:2px solid #fff;
            color:#fff;
            height:40px;
            width:40px;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .icon-row .col-4:nth-child(2):before {
            content:'2';
        }

        .icon-row .col-4:nth-child(3):before {
            content:'3';
        }

        .icon-row .col-4 .h2 {
            color:var(--textColor);
            font-size:20px;
        }

        .icon-row .col-4 i {
            max-height:80px;
            margin-bottom:10px;
            color: var(--textColor);
        }

        @media (max-width: 767px) {
            .h2 {
                font-size: 15px!important;
            }

            .icon-row .col-4 img {
                max-height:50px;
            }
        }

        .formElement .formElementInput:not(.FormElement_Checkbox):not(.FormElement_CheckboxLabel) {
            width: 100%;
            margin-bottom: 15px;
            background-color: #fff;
            border: 1px solid #b0b2b6;
            color: #373a3c;
            vertical-align: middle;
            border-radius: 5px;
            padding: .5rem 1rem;
            line-height: 1.4;
            font-size: 15px;
            min-height: 40px;
            font-family: 'Arial', 'Helvetica', sans-serif;
        }

        .FormElement_CheckboxLabel {
            cursor: pointer;
            font-size:14px;
        }

        .form input,
        .form textarea,
        button.formElement {
            transition:0.3s ease-in-out all;
        }

        .form input:focus,
        .form textarea:focus {
            border-color: var(--textColor2) !important;
            outline:none;
        }

        .inlineLabelTextBox {
            width: 100%;
            margin-bottom: 15px;
            background-color: #fff;
            border: 1px solid #b0b2b6;
            color: #4c5358;
            vertical-align: middle;
            border-radius: 3px;
            padding: .5rem 1rem;
            line-height: 1.4;
            font-size: 15px;
            min-height: 40px;
        }
        .inlineLabelLabel {
            position: absolute;
            display: inline;
            width: 100%;
            left: 0;
            z-index: 29;
            color: #636C72;
            cursor: text;
            text-align: left;
            vertical-align: top;
            pointer-events: none;
            font-size: 0.6rem !important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0 0.5rem;
            top: 1px;
        }

        .inlineLabel {
            display: block;
            position: relative;
        }

        button.formElement {
            margin-top: 5px;
            background-color: var(--textColor2);
            color: #fff;
            border-style: solid;
            border-width: 0;
            border-radius: 3px;
            min-height: 40px;
            width: 100%;
        }
        button.formElement:hover {
            background-color: var(--textColor);
            cursor: pointer;
        }
        div.form img {
            height:60px;
            width: 180px !important;
            margin-left: 0px !important;
        }
        .Message { padding: 10px; border-radius: 3px; color: #fff; margin-bottom: 10px}
        .Message.-success { background-color: #48a648;}
        .Message.-error { background-color: #d23430;}

        .card-header .fa {
            transition: .3s transform ease-in-out;
        }
        .card-header .collapsed .fa {
            transform: rotate(180deg);
        }

        .card-header a {
            text-decoration: none;
            color: var(--textColor);
        }

    </style>
    <link href="//photospion.de/content/sell/css/bootstrap.min.css" rel="stylesheet">
    <link href="//photospion.de/content/sell/css/fontawesome.all.min.css" rel="stylesheet">
    
    <script async defer src="//photospion.de/content/js/altcha/altcha.min.js?v3" type="module"></script>
    <script async defer src="//photospion.de/content/js/altcha/de.min.js?v3" type="module"></script>
    
</head>
<body>

<nav class="navbar navbar-expand">
    <div class="container">
        <a class="navbar-brand m-0" href="#">
            <img src="http://photospion.de/content/sell/images/dode.png">
        </a>
    </div>
</nav>

<main class="container-fluid px-0">
    <div class="main-gradient py-5 text-white">
        <div class="container my-md-3">
            <div class="row justify-content-center">

                <!-- domain name -->
                <div class="col-12 col-md-6 col-lg-7">
                    <p class="fs-4 m-0"> Die Domain </p>
                    <h1 class="m-0"> photospion.de </h1>
                    <p class="fs-4 m-0"> steht zum Verkauf </p>
                </div><!-- // domain name -->

                <!-- formular -->
                <div class="col-12 col-md-4 col-lg-3 mt-5 mt-md-0 position-relative">
                    <div class="main-form">
                        <div class="card shadow mb-md-5">
                            <div class="card-body p-4" id="formular">
                                <div class="mb-3"> Jetzt Kaufanfrage senden </div>
                                
                                
                                
                                <form method="POST">
                                    <div class="name-email">
                                        
                                        <div class="formElement">
                                            <input class="formElementInput" type="text" name="company" id="form_company" placeholder="Firma" value="">
                                        </div>
                                        
                                        <div class="formElement">
                                            <input class="formElementInput" type="text" name="name" id="form_name" placeholder="Vor- und Nachname" value="">
                                        </div>
                                        
                                        <div class="formElement" id="emailwrapper">
                                            <input class="formElementInput" type="email" name="email" id="form_email" placeholder="E-Mail" value="" autocomplete="off" >
                                        </div>
                                        

                                        <div class="formElement">
                                            <input class="formElementInput" type="email" name="email_repeat" id="form_email_repeat" placeholder="E-Mail" value="" autocomplete="off">
                                        </div>
                                        
                                        <div class="formElement">
                                            <input class="formElementInput" type="tel" name="telephone" id="form_telephone" placeholder="Telefon" value="">
                                        </div>
                                        
                                    </div>
                                    
                                    <div class="formElement">
                                        <div class="inlineLabel">
                                            <input type="text" class="disabled inlineLabelTextBox formElementInput" disabled="" placeholder="" value="350 Euro">
                                            <label class="moved inlineLabelLabel"> Verhandlungsbasis </label>
                                        </div>
                                    </div>
                                    
                                    <div class="formElement">
                                        <input class="formElementInput" type="text" name="price" id="form_price" placeholder="Preisvorschlag in Euro" value="">
                                    </div>
                                    
                                    <div class="formElement">
                                        <textarea class="formElementTextarea formElementInput" name="message" id="form_message" placeholder="Nachricht"></textarea>
                                    </div>
                                    
                                    
                                        
                                        <div>
                                            <altcha-widget challenge="/altcha.php" auto='onsubmit' configuration='{"hideLogo": true, "hideFooter": true, "disableAutoFocus": true}' id="altcha"></altcha-widget>
                                        </div>
                                        
                                    
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="form_privacy" name="privacy" value="1">
                                        <label class="form-check-label FormElement_CheckboxLabel" for="form_privacy"> Ich akzeptiere die Datenschutzbestimmungen und stimme der Weiterleitung meiner Anfrage an den Inhaber der Domain zu.</label>
                                    </div>
                                    <button class="formElement" type="submit" >Senden</button>
                                    <input type="hidden" name="randomvalues" id="randomvalues" value=""/>
                                    <script type="text/javascript">
                                        document.getElementsByName('randomvalues')[0].value = "i0yDTVOX6GPxe7smnY4w";
                                        document.getElementById('form_email').tabIndex = -1;
                                        document.getElementById('emailwrapper').style = 'overflow:hidden;display:block;width:0;height:0;padding:0;margin:0;position:absolute';
                                    </script>
                                </form>
                                
                            </div>
                        </div>
                    </div>
                </div><!-- // formular -->

            </div>
        </div>
    </div>
    <div class="main-content py-5 text-bg-light align-content-center" id="textup">
        <div class="container my-md-3">
            <!-- first text block -->
            <div class="row justify-content-center">
                <div class="col-12 col-md-6 col-lg-7 pe-5">
                    <p class="fs-5 m-0 text-color"> Haben Sie eine Idee zur Domain „photospion.de“? Dann nutzen Sie jetzt Ihre Gelegenheit! </p>
                    <p class="mt-4">
                        Hier wird Ihnen die Domain provisionsfrei zum Kauf angeboten. Tragen Sie einfach Ihren Preisvorschlag in das folgende Formular und klicken Sie auf „Senden“. Der Inhaber wird sich bereits in Kürze direkt mit Ihnen in Verbindung setzen.
                    </p>
                </div>
                <div class="col-12 col-md-4 col-lg-3"><!-- form spacer --></div>
            </div><!-- // first text block -->

            <!-- icon boxes -->
            <div class="row justify-content-center">
                <div class="col-12 col-md-6 col-lg-7 pe-5">
                    <div class="icon-row">
                        <div class="col-4 border">
                            <i class="fa fa-thin fa-comment-dollar fa-5x d-none d-md-block"></i>
                            <i class="fa fa-thin fa-comment-dollar fa-2x d-block d-md-none"></i>
                            <div><strong class="h2">Angebot abgeben</strong></div>
                        </div>

                        <div class="col-4 border">
                            <i class="fa fa-thin fa-handshake fa-5x d-none d-md-block"></i>
                            <i class="fa fa-thin fa-handshake fa-2x d-block d-md-none"></i>
                            <div><strong class="h2">Kauf abschließen</strong></div>
                        </div>

                        <div class="col-4 border">
                            <i class="fa fa-thin fa-arrows-repeat fa-5x d-none d-md-block"></i>
                            <i class="fa fa-thin fa-arrows-repeat fa-2x d-block d-md-none"></i>
                            <div><strong class="h2">Transfer</strong></div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-4 col-lg-3"><!-- form spacer --></div>
            </div><!-- // icon boxes -->
        </div>
    </div>
    <div class="main-content py-5">
        <div class="container my-md-3">

            
            <!-- second text block -->
            <div class="row justify-content-center mb-5">
                <div class="col-12 col-lg-8 text-center">
                    <div class="text-color">
                        
                        <i class="fa fa-thin fa-rocket fa-7x"></i>
                        
                    </div>
                    <p class="mt-3 fs-5 m-0 text-color"> Starten Sie durch mit der Domain „photospion.de“ </p>
                    <p class="m-0 mt-4">
                        Ergreifen Sie die Gelegenheit und sichern Sie Ihre Traumdomain noch heute! Eine einprägsame Domain ist der erste Schritt zu einer erfolgreichen Online-Präsenz und macht Ihre Marke für Kunden leicht auffindbar. Profitieren Sie von einer einzigartigen Internetadresse, die Ihre Professionalität unterstreicht und Ihre Sichtbarkeit erhöht.
                    </p>
                </div>
            </div><!-- // second text block -->
            

            
            
            
            
            

            
            <!-- frequently asked questions -->
            <div class="row justify-content-center mb-3">
                <div class="col-12 col-lg-8">
                    <div class="card">
                        <h6 class="card-header p-0">
                            <a data-bs-toggle="collapse" href="#faq1-body" aria-expanded="false" aria-controls="faq1-body" id="faq1-header" class="d-block p-3 collapsed">
                                Wie wird die Domain nach dem Kauf übertragen?
                                <i class="fa fa-chevron-up float-end"></i>
                            </a>
                        </h6>
                        <div id="faq1-body" class="collapse" aria-labelledby="faq1-header">
                            <div class="card-body">
                                Nach dem Zahlungseingang erhalten Sie den Authcode für den Domain-Transfer. Mit dem Authcode können Sie die Domain zum Provider ihres Vertrauens transferieren.
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- // frequently asked questions -->
            
            
            
            

            
            <!-- frequently asked questions -->
            <div class="row justify-content-center mb-3">
                <div class="col-12 col-lg-8">
                    <div class="card">
                        <h6 class="card-header p-0">
                            <a data-bs-toggle="collapse" href="#faq2-body" aria-expanded="false" aria-controls="faq2-body" id="faq2-header" class="d-block p-3 collapsed">
                                Welche Zahlungsmöglichkeiten akzeptieren Sie?
                                <i class="fa fa-chevron-up float-end"></i>
                            </a>
                        </h6>
                        <div id="faq2-body" class="collapse" aria-labelledby="faq1-header">
                            <div class="card-body">
                                Sie können bequem via Banküberweisung bezahlen. Die genauen Zahlungsmodalitäten erhalten Sie nach Ihrer Anfrage über das Formular. Bitte geben Sie bei der Zahlung die Domain im Verwendungszweck an.
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- // frequently asked questions -->
            
            
            
            

            
            <!-- frequently asked questions -->
            <div class="row justify-content-center mb-3">
                <div class="col-12 col-lg-8">
                    <div class="card">
                        <h6 class="card-header p-0">
                            <a data-bs-toggle="collapse" href="#faq3-body" aria-expanded="false" aria-controls="faq3-body" id="faq3-header" class="d-block p-3 collapsed">
                                Ist der Kauf der Domain mit weiteren Gebühren verbunden?
                                <i class="fa fa-chevron-up float-end"></i>
                            </a>
                        </h6>
                        <div id="faq3-body" class="collapse" aria-labelledby="faq1-header">
                            <div class="card-body">
                                Neben dem Kaufpreis für die Domain, fällt die allgemeine jährliche Gebühr für Domains an, die von Ihren Provider nach dem Transfer berechnet wird. Die Konditionen hierfür hängen von Ihren Provider ab.
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- // frequently asked questions -->
            
        </div>
    </div>
</main>

<footer class="container-fluid px-0">
    <div class="footer-content py-4">
        <div class="container">
            <a href="https://www.do.de/impressum/" rel="nofollow">Impressum</a> / <a href="https://www.do.de/agb/datenschutz/" rel="nofollow">Datenschutz</a>
        </div>
    </div>
</footer>

<script>
    var height = document.getElementById("formular").offsetHeight - 135;

    document.getElementById("textup").style.minHeight = height + "px";
</script>

<script src="//photospion.de/content/sell/js/bootstrap.bundle.min.js"></script>
</body>
</html>